Three.js

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

RSS

  • 解決済

    回答
    2

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

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

    • 2評価
    • 260PV
    milktea milktea 5日前に ベストアンサー
  • 解決済

    回答
    1

    Three.jsでマウスで選択したオブジェクトを取得したいです。

    Three.jsでマウスで選択したオブジェクトを取得したいです。 RayCasterを使って、Object Pickingをしようと思い、以下のページを参考に作ってみました。 参考にしたページ https://threejs.org/docs/#api/core/Raycaster 作成したもの http://kimuraya-bakery.la

    • 0評価
    • 62PV
    essex essex 6日前に ベストアンサー
  • 受付中

    回答
    2

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

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

    • 0評価
    • 281PV
    Owl_ Owl_ 6日前に コメント
  • 解決済

    回答
    1

    Three.js:PreloadJSで読み込んだテクスチャを使って環境マッピングをしたいです。

    いつも参考にさせていただいています。現在Three.jsについて勉強しておりますが、 PreloadJSの使い方について分からないことがあり質問させていただきます。 現在以下の様なコードで、ImageUtils.loadTextureCube()を使用して 6面のテクスチャを読み込み、その戻り値をマテリアルのenvMapパラメータ に設定しています。

    • 0評価
    • 206PV
    adrs2002 adrs2002 1週間前に コメント
  • 解決済

    回答
    1

    Three.jsで三次元オブジェクトのブラウザ座標を取得したいです

    現在、自分が作成したCGモデルの配布サイトでsketchfabのような数字の付いた画像(①のような感じです)をクリックするとその場所へ移動する機能を入れたいと思っているのですが、方法がわからず困っています。 Raycasterを使うことで、ブラウザ座標から3次元空間のオブジェクトの位置等を取得することは出来たのですが、逆に3次元空間のオブジェクトの位置(正確

    • 0評価
    • 95PV
    nasikusa nasikusa 1週間前に コメント
  • 解決済

    回答
    1

    Three.jsでMMDを表示させようとすると, loader.load(..)でローカルのファイル...

    前提・実現したいこと ARでMMDのファイルを出せるようにしたい。 jsartoolkit, three.jsを使って, マーカーにMMDを表示させたい。 発生している問題・エラーメッセージ error { target: XMLHttpRequest, isTrusted: true, lengthComputable: false, loaded:

    • 0評価
    • 45PV
    adrs2002 adrs2002 1週間前に ベストアンサー
  • 解決済

    回答
    1

    Three.jsでのMMDHelperでTHREE.MMDHelper is not a const...

    前提・実現したいこと three.jsとartoolkit5を利用して,マーカーに反応してMMDモデルを出したいのだが, MMDモデルを出すコードでTHREE.MMDHelper is not a constructorのエラーが発生する。 発生している問題・エラーメッセージ THREE.MMDHelper is not a constructor 黒い

    • 0評価
    • 36PV
    adrs2002 adrs2002 2週間前に ベストアンサー
  • 解決済

    回答
    1

    Three.jsのdat.GUIが動作しない。

    お世話になります。 Three.jsのdat.GUIについて質問させてください。 カメラのポジションをシュミレーションするために、dat.GUIでcameraX、cameraY、cameraZを定義しています。 ブラウザではGUIも正常に表示されるのですが、スライダーを動かしても変化がありません。 カメラポジション以外にボックスジオメトリのアニメーシ

    • 0評価
    • 174PV
    no23h no23h 2ヶ月前に コメント
  • 受付中

    回答
    1

    プレイヤーに動画のコントロール機能を埋め込みたい

    前提・実現したいこと 画面をタップして動画を再生・一時停止を行い,シークバーをつけたい。 端末はiphoneです。 発生している問題・エラーメッセージ 一旦,jsにスクリプトを埋め込んでみましたが,動きません。 シークバーについてはjsの組み込み方及び組み込み場所が分からず,手つかずです。 該当のソースコード gitにソースを置いています。

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

    回答
    1

    再生ボタンや一時停止ボタンを追加して動画再生をコントロールできるようにしたい

    前提・実現したいこと google vr viewで画面をタップもしくはボタンなどで再生,一時停止がコントロールできるようにしたい。 また,早送りや巻き戻しのコントロールバーを追加したい。 発生している問題・エラーメッセージ PCだとロードが完了すると動画が自動再生されてしまい,また一時停止することができません。 スマホだとロードが終わると再生ボ

    • 0評価
    • 312PV
    turbgraphics200 turbgraphics200 3ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    背景がthree.jsで動くwebサイト

    前提・実現したいこと 背景が example of wave with three.js のように動くサイトを作りたいです。 イメージとしては、普通のwebsiteのように文字の情報とかは 存在していて、それに重なるように背景でthree.jsのwaveを 使いたいのです。 かなり基本的な質問かとおもいますが、方針などを 教えていただけたら嬉

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

    回答
    1

    Azureでエンコードした.mpdファイルを再生したい。

    前提・実現したいこと Azureでエンコードした.mpdファイルをgoogle vr view for webで再生したい。 発生している問題・エラーメッセージ 再生できる.mpdファイルと再生できない.mpdファイルがあり,Azureで.mp4⇒.mpdにエンコードした場合,再生できない。 ] 該当のソースコード 動かない.mpdフ

    • 0評価
    • 216PV
    snooooopy_16 snooooopy_16 4ヶ月前に コメント
  • 解決済

    回答
    1

    IE11でthree.jsが動かない

    http://hoshi.dimension.sc/three/ このコードをieでも同じように動かしたのですが、 ieで開いても何も表示されません。 使ってるバージョンは11で、調べてみると、ie11ではwebglに対応しているとのことだったのですが、 動きません。設定を開いてみても、webglは有効になっていますし、何が原因でしょうか?

    • 0評価
    • 263PV
    MakotoHoshi MakotoHoshi 4ヶ月前に コメント
  • 解決済

    回答
    1

    Three.jsで子オブジェクトに配置したビルボードをカメラに正対させたいです。

    お世話になります。Three.jsについて勉強しておりますが、 ビルボードについて分からないことがあり質問させていただきます。 現在、Three.jsでビルボードを使用したいと思っています。 ビルボードをカメラに正対させているのは、以下の1行です。 billboard.rotation.setFromRotationMatrix( camer

    • 0評価
    • 177PV
    edo_m18 edo_m18 4ヶ月前に コメント
  • 解決済

    回答
    1

    three.jsでjsonモデルを読み込むとオブジェクトが二重になり、点線になる

    http://hoshi.dimension.sc/three/ ↑のようにthree.jsでjsonモデルを読み込むと、オブジェクトが二重になり、さらに点線になってしまいます。 実線のワイヤーフレームでオブジェクトは重ならない、というのが理想ですが、どのようにすれば実現できますか? コードは以下のようになっており、ParallaxBarrie

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

    回答
    2

    ループを使ったTextGeometryの生成(Three.js)

    お世話になります。Three.jsについて勉強しているのですが、TextGeometryについて 分からないことがあり、質問させていただきます。 現在、表示したい文字と座標を格納した2つのアレイからデータを読み込み、3Dテキストを 配置しようとしています。 作成したのは以下のコード(抜粋です)なのですが、これですと文字が配置されません。

    • 0評価
    • 233PV
    essex essex 5ヶ月前に コメント
  • 解決済

    回答
    1

    java scriptにおける配列の参照の仕方について

    現在、こちらのサンプルを読みながら、Three.jsとjava scriptを勉強しています。 https://github.com/ics-creative/160106_trigonometric_function/blob/master/sample3/js/sample3.ts#L146-L181 このサンプルの中の153行目から始まるget

    • 0評価
    • 441PV
    essex essex 5ヶ月前に コメント
  • 解決済

    回答
    1

    three.jsでグループ化したメッシュの回転中心軸を変えたい

    three.js でグループ化したメッシュの回転中心軸を変えたい. var objectGroup = Array.apply(null, Array(3)).map(function(){return new THREE.Group();}); object[0] = new THREE.Mesh( new THREE.CylinderGeo

    • 0評価
    • 392PV
    massy7 massy7 5ヶ月前に コメント
  • 受付中

    回答
    0

    Three.jsでOBJ形式モデルのポリゴンをスムーズ化したい。

    前提・実現したいこと Three.jsのOBJLoader/MTLLoaderで読み込んだOBJ形式の3Dモデルを 表示したときスムーズな表面の表示にしたい。 OBJLoaderで読み込んだモデルに対するスムーズシェーディング、 ジオメトリの法線補完計算の正しい適用方法を知りたい。 発生している問題・エラーメッセージ Three.jsのO

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

    回答
    0

    Three.jsで複数Textureファイルを正しくOBJ形式モデルに関連つけられない。

    前提・実現したいこと 複数Textureファイルを持つVRMLモデルをOBJ形式でThree.jsのOBJLoader/MTLLoader を使って3Dモデルを表示させたい。 以下のファイル構成のVRMLは正しく表示できる。 rv6a.wrl prop.png rv6a_Top_tpl.png rv6a_side.png Blende

    • 0評価
    • 392PV
    teratailが6ヶ月前に アップデート
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    65

  • 総質問数

    61

  • 今週の質問数

    1

関連するタグ

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