Three.js

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

RSS

  • 解決済

    回答
    1

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

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

    • 0評価
    • 66PV
    no23h no23h 2週間前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 87PV
    snooooopy_16 snooooopy_16 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 243PV
    neil neil 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 201PV
    snooooopy_16 snooooopy_16 2ヶ月前
  • 解決済

    回答
    1

    IE11でthree.jsが動かない

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

    • 0評価
    • 178PV
    MakotoHoshi MakotoHoshi 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 145PV
    snooooopy_16 snooooopy_16 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 122PV
    essex essex 3ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 178PV
    MakotoHoshi MakotoHoshi 3ヶ月前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 150PV
    essex essex 3ヶ月前
  • 解決済

    回答
    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評価
    • 371PV
    essex essex 3ヶ月前
  • 解決済

    回答
    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評価
    • 208PV
    massy7 massy7 3ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 131PV
    zero1962 zero1962 4ヶ月前
  • 受付中

    回答
    2

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

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

    • 2評価
    • 190PV
    itouri itouri 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評価
    • 269PV
    zero1962 zero1962 5ヶ月前
  • 受付中

    回答
    0

    Three.jsで、任意の座標が立体テキストの内側にあることの判定。

    自由に動く小さい球があるとして、それが立体テキストの内側にある時に色を変える、外側であれば元の色にする、みたいなことをしたいです。 単純に、範囲をハードコード(「T」であれば、「T」の上の横棒か下の縦棒が単純な直方体なので、「T」の位置座標と直方体の幅や高さを使って内側であることを判定するif文を書く)することもできますが、フォントが変わるとif文も変わる

    • 0評価
    • 394PV
    poppo8128 poppo8128 5ヶ月前
  • 受付中

    回答
    1

    Three.jsのOBJLoaderをローカルPCで実行する方法

    前提・実現したいこと Three.js をつかって3DモデルをローカルPCで表示したいのです。 発生している問題・エラーメッセージ Webサーバにアップした場合、正常に表示できますが、 ローカルPCで実行した場合、なにも表示できません。 エラーメッセージ とくにありません。 該当のソースコード var onProgress = f

    • 0評価
    • 352PV
    zero1962 zero1962 5ヶ月前
  • 受付中

    回答
    0

    Three.jsのQuaternionを使って速度ベクトル変換が正しくできない。

    前提・実現したいこと Three.jsのQuaternionを使って3Dモデルを座標変換し移動させたい。 (フライトシミュレータのように) 発生している問題・エラーメッセージ Three.jsのQuaternionを使って3Dモデルを座標変換し、 同時に機体軸方法の単位ベクトルも座標変換したのちに 速度スカラーを掛け合わし、位置に積算して移動

    • 0評価
    • 135PV
    zero1962 zero1962 5ヶ月前
  • 受付中

    回答
    0

    JavascriptライブラリThree.jsを使用してVRコンテンツを作りたいのですが・・・・

    前提・実現したいこと WebGLライブラリのthreeJSを使用してVRコンテンツを開発しているのですが、ポストプロセスをかけた状態でVR用に画面分割できないのですが何か対処法はないでしょうか? 該当のソースコード (function() { var canvasWidth , canvasHeight; var renderer , scene

    • 0評価
    • 335PV
    genki0301ab genki0301ab 5ヶ月前
  • 解決済

    回答
    1

    OBJloader で読み込んだobjファイルのアニメーション

    前提・実現したいこと はじめまして。three.js を初めて取り組んでいます。 3Dソフト(Cinema 4D=>blender)で書き出した .objファイルを、サイトを参考に読み込みして、表示できたのですが、一部のパーツを単純な回転運動をさせたいのです。 よろしくお願いします。 発生している問題・エラーメッセージ rotation.z に

    • 0評価
    • 189PV
    KenjiTakeda KenjiTakeda 5ヶ月前
  • 受付中

    回答
    0

    【Three.js】y軸の正の方向にJSONモデルを動かすと表面が見えなくなってしまう

    非常にざっくりとした質問なのですが、 建物のモデルをBlenderで分解し、 (1F,2F,3F,床,天井,家具のようなイメージ) それらを別々のJSONとして出力し、 すべてのモデルを同じ位置 position.set(0,0,0) で Three.js上で組み立てました。 そのうち一つのモデル(例えば床)のy軸を正の方向にプラスすると

    • 0評価
    • 372PV
    grmn grmn 7ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    57

  • 総質問数

    55

  • 今週の質問数

    0

関連するタグ

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