Three.js

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

RSS

  • 解決済

    回答
    2

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

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

    • 0評価
    • 35PV
    essex essex 2日前
  • 解決済

    回答
    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評価
    • 283PV
    essex essex 6日前
  • 解決済

    回答
    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評価
    • 62PV
    massy7 massy7 2週間前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 43PV
    zero1962 zero1962 3週間前
  • 受付中

    回答
    2

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

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

    • 2評価
    • 143PV
    itouri itouri 1ヶ月前
  • 受付中

    回答
    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評価
    • 121PV
    zero1962 zero1962 2ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 312PV
    hato1228 hato1228 2ヶ月前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 167PV
    zero1962 zero1962 2ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 77PV
    zero1962 zero1962 2ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 210PV
    genki0301ab genki0301ab 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 95PV
    KenjiTakeda KenjiTakeda 2ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 281PV
    grmn grmn 4ヶ月前
  • 解決済

    回答
    1

    JSONモデルを透過させた際に表示に差異がある

    表示に差異があるのですが、この原因を知りたいです。 デモ:https://mo49.github.io/qiita/20160908/opacity.html 表からみると、青い板まで透けない 裏からみると、赤い板まで透けている 該当コードは以下のものです。 中央の蝶のモデルのみtransparent=falseになっていま

    • 0評価
    • 185PV
    grmn grmn 4ヶ月前
  • 受付中

    回答
    1

    カメラを円周上で移動させて、シーンギズモをつくりたい

    デモ(※左右しか動きません) http://codepen.io/mo4_9/pen/jrrRyx Tween.jsを使用して、現在地点から到着地点まで直線で移動するというコードを書きました。 しかし、カメラの軌道が「菱形」になってしまっていて、中心地点にいちいち近づいてしまうのは不自然な動きだと思います。 カメラの軌道を「円周」にするために

    • 0評価
    • 357PV
    grmn grmn 4ヶ月前
  • 解決済

    回答
    1

    Three.jsで読み込んだJSONモデルの一部分だけを透明にしたい

    クリックをトリガーにして、Three.jsで読み込んだJSONモデルの上半分だけを透明にしたい場合はどうすればよいでしょうか? Cubeをかぶせてその内部にあるオブジェクトをすべて透明にできるマテリアルがあるのか、 fogのようなもので透明にできるのか、いろいろ検討したものの見つかりません。 JSONはBlenderで出力しているので、出力時に

    • 0評価
    • 173PV
    grmn grmn 4ヶ月前
  • 解決済

    回答
    1

    Three.jsで透過png画像の縁に灰色の線が入る

    発生している問題・エラーメッセージ Three.jsでMeshBasicMaterialで作成したオブジェクトに 丸い透過png画像をテクスチャとして貼って表示したのですが 透過した丸い部分に沿って灰色の線が入ってしまいます。 画像を滑らかにする半透明の部分が灰色に塗られている?ようなイメージです。 ※イメージ画像を添付させていただきます。

    • 0評価
    • 395PV
    ryuryu ryuryu 4ヶ月前
  • 解決済

    回答
    1

    【Three.js】blenderで出力したjsonの色を変えたい

    まずBlenderでThree.js用に以下のJSONを出力しました。 "materials":[{ "DbgName":"IFC______3_", "opacity":1, "colorEmissive":[0,0,0], "DbgColor":15597568, "transparent":false,

    • 0評価
    • 155PV
    grmn grmn 4ヶ月前
  • 受付中

    回答
    1

    CSS3Dレンダリングで3D空間に生成した要素をWebVRで見るようにはできないのでしょうか??

    WebGL(Three.js)、WebVRともに初心者のものです。 以前このような質問をさせて頂きました。 3D空間内でWebサイトを表示する方法は? https://teratail.com/questions/40572 こちらで頂いた回答を元に、 CSS3DRenderer.jsを使って、teratailを3D空間に表

    • 1評価
    • 633PV
    afroscript.10 afroscript.10 5ヶ月前
  • 解決済

    回答
    3

    3D空間内でWebサイトを表示する方法は?

    Three.js初心者です。 タイトルの通りなのですが、 Three.jsで3D空間にTHREE.PlaneGeometryなどで壁を表示させ、 そこに特定のWebサイトを表示させるというをしたいと思っております。 例えば 上記のような3D空間の左のうす黄緑壁に、 こんな感じでteratailが見れるみたいな感じで

    • 1評価
    • 917PV
    afroscript.10 afroscript.10 5ヶ月前
  • 解決済

    回答
    1

    blenderの複数モデルが別々に動くアニメーションをthree.jsで出力したい

    blender上で複数のモデルが別々に動く(複数の歯車のイメージ)アニメーションを作成してthree.jsで表示しようと思うのですが、やり方がわかりません。 調べたところ次のようなサイトがあったので http://threejs.org/examples/#webgl_animation_scene で参考のソースを修正して かつダウンロードできる

    • 0評価
    • 406PV
    YOKOHAMA YOKOHAMA 6ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    53

  • 総質問数

    47

  • 今週の質問数

    2

関連するタグ

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