Three.js

Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。

RSS
  • 解決済

    回答
    3

    blenderのエクスポート .jsonデータに問題があるのでしょうか?

    物理の授業用教材を作成している高校教員です。 javascript (three.js)の初心者です。3Dのモデルデータ(spring05.json:ばねモデル)をblenderから .json の形式でエクスポートしthree.jsで読み込ませ動かしています。動くことは動くのですが、chromeでエラーを見ると、 Uncaught TypeError:

    • 0評価
    • 34PV
    kimr_n kimr_n 1時間前に コメント
  • 受付中

    回答
    0

    FRPを用いたアニメーションについて

    現在関数型プログラミング(Functional reactive programming)について勉強をしています。 調べていると、Franというものがあり、アニメーションを足し合わせて?新しいアニメーションにしてる等、面白く、興味を持ち、試してみたいと思っています。 英語の理解ができていないかもしれないのですが、franというライブラリ?がそもそも古く

    • 0評価
    • 72PV
    teratailが1週間前に アップデート
  • 解決済

    回答
    2

    pdbファイルが表示できない

    javascript,THREE.js,PDBLorder.jsを使い,pdbファイルを表示するプログラムを作っています。 pdbファイルを読み込み,表示しようにもなぜか表示ができません。どうしてでしょうか。 発生している問題・エラーメッセージ Uncaught TypeError: Cannot read property 'length' of un

    • 0評価
    • 102PV
    tekiki tekiki 4週間前に 回答
  • 解決済

    回答
    2

    threeJS、Planeの上にSphere(球体)をぴったり乗せる方法

    COBOLer & PHPerですが、必要上、Javascriptもゴリゴリ書く方です。 現在、ThreeJSに触れてます。PlaneやSphere(球体)の描画自体は問題無く動作しています。OrbitControlsでグリグリ回すのも大丈夫です。 一つ分からないのが、適当な座標にPlaneと球体を配置するのではなく、Planeの座標上ぴったりに球体

    • 0評価
    • 77PV
    SaintKnowledge SaintKnowledge 1ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    three.js geometryについて

    js初心者です。 ここの部分のコードを使いたいのですが、理解できません。 constructor(mesh, positions, normalizePositions = true) { this.mesh = mesh; this.positions = {}; for (let i = 0; i <

    • 0評価
    • 87PV
    teratailが2ヶ月前に アップデート
  • 受付中

    回答
    2

    hoverやscrollで画像をグニャグニャ動かすアニメーション実装の方法(例あり)

    前提 フロントエンド(CSS、JS)周りでのインタラクティブなWEBサイト作成に強い方にお聞きしたいのですが 以下の実装方法が想定できそうな方にご教授いただきたいです。 やりたいこと 下のサイトのように hoverやscrollで画像をグニャグニャ動かしたい のですがどう実装するのが良いのでしょうか? 以下参考HP TAOTAJIMA http://

    • -1評価
    • 145PV
    edo_m18 edo_m18 2ヶ月前に 回答
  • 受付中

    回答
    0

    Three.jsで複数ウィンドウへの表示

    前提・実現したいこと Three.jsを用いて3DCGを表示させる際に, 複数のカメラを設定して,それぞれのカメラからのview(?)を別々のウィンドウで表示したいorそのように見えるようにしたいと考えています. 調べてみて同じウィンドウを複数に分割して表示する方法はわかるのですが,どのようにすれば別ウィンドウで同じものを別の角度から見ているようなプログ

    • 0評価
    • 99PV
    teratailが2ヶ月前に アップデート
  • 解決済

    回答
    1

    three.js 正方形の斜線を消す方法を教えてください

    前提・実現したいこと three.jsを使って、正方形の描画を試みていますが、 正方形の外枠を消す方法がわかりません、、、 どなたかご教授願いいただけませんか? 該当のソースコード function init() { renderer = new THREE.WebGLRenderer({ antialias: tr

    • 0評価
    • 106PV
    kurisu kurisu 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    three.js を使って表示したメッシュの移動について

    javascript初心者です。 実現したいこと ロードしたbunny.objをanimate()関数の中に処理を追加して移動させたり回転させたいです。 試したこと animate()関数の中でmeshのx座標にアクセスするのにg_mesh.mesh.position.xと試してみたのですがエラーが起こってしまいます。 どのようにすれば良いのか教

    • 0評価
    • 143PV
    sakuramoti sakuramoti 3ヶ月前に コメント
  • 解決済

    回答
    1

    Three.jsの三角形によるオブジェクトの描画方法

    Three.js(WebGL)の三角形の描画と形状の作成についてです。 三角形をもちいてオリジナルな形状を作ろうと思うのですが、上手くいきません。 三角形で球を作る場合を考えてみました。 geometry = new THREE.Geometry(); //球の頂点座標を取得 sphere = new THREE.SphereGe

    • 0評価
    • 190PV
    neko_ramen neko_ramen 4ヶ月前に ベストアンサー
  • 解決済

    回答
    4

    Javascript、Ajaxの動的更新に関する質問

    Javascriptに関する質問です。 Javascriptを動的に更新する方法を探しています。具体的には、ボタンをクリックするとリロードされバックグラウンドからキャッシュ?が消えるような仕組みです。 webブラウザのリロードボタンのように、ページ全体を更新するのではなく、scriptタグ内のjsのみを更新(初期化)することは可能なのでしょうか。 一応試

    • 0評価
    • 483PV
    mathc2b mathc2b 4ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    【Three.js】THREE.ShaderMaterialでPhongMaterialとLambe...

    現在初めてJavaScript、Three.jsを使用しているのですが、THREE.ShaderMaterialの使い方がいまいち分かりません。 //Cubeの作成 var geometry = new THREE.CubeGeometry( 30, 30, 30 ); var materialShader = new THREE.S

    • 0評価
    • 285PV
    adrs2002 adrs2002 5ヶ月前に ベストアンサー
  • 受付中

    回答
    2

    [Three.js] raycasterがうまく動作しません。

    前提・実現したいこと Three.jsで製作しています。 外部からLosderで3Dモデルを読み込んで、Raycasterを使って対象の任意の部位にクリックすることでマーカー的なオブジェを配置させたいです。 最終的には新たに配置されたオブジェをさらにクリックすることで外部ブラウザを開き、TXTなどのデータを格納させたいと思っています。 発生している問題・

    • 0評価
    • 308PV
    arihi arihi 6ヶ月前に 回答
  • 解決済

    回答
    1

    Three.jsで3D年賀状を動作させたい

    Three.jsで3D年賀状を作成したいです。 以下( http://coderecipe.jp/recipe/7PrRS8IMRb/ )の通りコードをコピペしたのですが動作させることが出来ません。何故でしょうか? <!DOCTYPE html> <meta charset="utf-8"> <title>Happy New Year 2015</tit

    • 0評価
    • 181PV
    ItoKyohei ItoKyohei 6ヶ月前に コメント
  • 受付中

    回答
    3

    ブラウザ上で3Dモデルを表示したい

    タイトルの通りですがブラウザ上にで3Dモデルを表示させたいと思っています。 ファイル形式はmaもしくはmb(Mayaのファイルです)で考えてます。 具体例があれば一番ですが実現可能かどうかを教えて頂ければと思っています。 ※一度maファイルを別形式にコンバートするスクリプトが必要など 想定する機能としては ・クラウドにアップされているデータをブラウザ

    • -4評価
    • 404PV
    Marcio Marcio 7ヶ月前に コメント
  • 解決済

    回答
    1

    three.jsでのクリック判定

    前提・実現したいこと three.jsを用いてオブジェクトを生成してクリックイベントを実装しようとしていますがうまくいきません。以前に質問させていただいた時とソースコードはほとんど変えていません。 var mouse = new THREE.Vector3();を var mouse = new THREE.Vector2();に変えたくらいです。 オブ

    • 0評価
    • 330PV
    Owl_ Owl_ 7ヶ月前に コメント
  • 解決済

    回答
    2

    three.jsでオブジェクトをクリックした時の判定

    前提・実現したいこと 現在three.jsを利用してオブジェクトをクリックした時のアクションを設定しようとしているところです。今回のコードは対象のオブジェクトをクリックした時に日付をログとして表示させるものとなっています。以下のコードで実行してもif文に入ることができません。 var intersects = raycaster.intersectObjec

    • 0評価
    • 585PV
    Owl_ Owl_ 7ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    javascriptで、ロードしたファイルのハッシュを確認したい。

    いつもお世話になります。 現在、javascriptでロードしたファイルのハッシュを確認したいと考えています。 (具体的には、Three.jsでjsonファイルのハッシュを確認しながらロードできないかと考えています。) ファイルハッシュの取得に関して参考にしているのはこちらのGitHubです。 (参考にしたGitHub) https://github

    • 0評価
    • 271PV
    essex essex 7ヶ月前に ベストアンサー
  • 解決済

    回答
    3

    【three.js(r86)】3Dモデルが表示されない

    Three.js初心者です。 3Dモデルのファイル(.obj)を読み込んで表示しようとしています。 ここにあるOBJLoaderを使ってできるかなと思ってやってみたのですが、まったく何も表示されず。。。 (エラーメッセージも特に出てないです。。。) ソースコードを貼りますので、 どなたか原因分かる方いれば、教えていただけるとうれしいです...!!

    • 0評価
    • 762PV
    snow snow 7ヶ月前に コメント
  • 解決済

    回答
    2

    球状にオブジェクトを配置する数式について

    css3d_periodictable 上記のサンプルのソースコードを参考に球状にオブジェクトを配置するソースコードを書いているのですが,一行理解できないコードがありました. 303行目の var theta = Math.sqrt( l * Math.PI ) * phi; が何を意味しているのかわかりません. 表示したいオブジェクトの数とπのルー

    • 2評価
    • 384PV
    milktea milktea 8ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    85

  • 総質問数

    79

  • 今週の質問数

    1

関連するタグ

Three.jsタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る