Three.js

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

RSS

  • 受付中

    回答
    2

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

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

    • 2評価
    • 90PV
    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評価
    • 51PV
    zero1962 zero1962 2週間前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 224PV
    hato1228 hato1228 2週間前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 72PV
    zero1962 zero1962 1ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 29PV
    zero1962 zero1962 1ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 83PV
    genki0301ab genki0301ab 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 37PV
    KenjiTakeda KenjiTakeda 1ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 207PV
    grmn grmn 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 113PV
    grmn grmn 2ヶ月前
  • 受付中

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 96PV
    grmn grmn 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 246PV
    ryuryu ryuryu 3ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 84PV
    grmn grmn 3ヶ月前
  • 受付中

    回答
    1

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

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

    • 1評価
    • 498PV
    afroscript.10 afroscript.10 4ヶ月前
  • 解決済

    回答
    3

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

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

    • 1評価
    • 675PV
    afroscript.10 afroscript.10 4ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 265PV
    YOKOHAMA YOKOHAMA 5ヶ月前
  • 解決済

    回答
    1

    PlaneGeometryを回転させて表示するには?

    JavaScript/Three.js初心者です。 Three.jsに関する質問です。 下記のように2次元平面のオブジェクト(plane)を作成し、 var planeGeo = new THREE.PlaneGeometry(10,10,10); var planeMesh = new THREE.MeshBasicMaterial({c

    • 0評価
    • 316PV
    afroscript.10 afroscript.10 5ヶ月前
  • 受付中

    回答
    1

    3DのPSDファイルを変換して、ブラウザに表示できるようにしたいです。

    Photoshopで、3DのPSDファイルを作りましたが、three.jsでブラウザに表示させるためには、どのようにしてPhotoshopで出力すれば良いでしょうか? 問題解決のために必要な情報がありましたら、ぜひ教えてください。 当方初心者ですが周りに相談できる方がいなく困っておりますので、ご回答お待ちしております。 よろしくお願いいたします

    • 0評価
    • 174PV
    kengo kengo 6ヶ月前
  • 解決済

    回答
    2

    サイト制作のための技術

    このサイトにどのような技術が使われているか教えていただきたいです。 質問が大雑把ですみません… このようなサイトを作れるようになるべく、いまはthree.jsの勉強をしているのですが、方向性が間違っていないか、また他にどのような勉強が必要かを知りたいです。 よろしくお願いします。

    • -1評価
    • 147PV
    KCBR6502 KCBR6502 6ヶ月前
  • 解決済

    回答
    3

    dynamicなweb制作

    このサイト のような素晴らしいデザインのwebはどのように作られているのでしょうか? 最近3Dをwebから簡単に利用できるようにthree.jsなどが盛んに開発されていると思いますがこれらのライブラリを使うことでこのような素晴らしいデザインも可能になるのでしょうか? webの可能性について具体的なイメージがまだ持てないのでどのようなライブラリを使え

    • 0評価
    • 156PV
    toma_kazusa 退会済みユーザー 6ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    50

  • 総質問数

    43

  • 今週の質問数

    0

関連するタグ

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