Three.js

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

RSS

  • 受付中

    回答
    1

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

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

    • 0評価
    • 45PV
    adrs2002 adrs2002 2時間前に コメント
  • 解決済

    回答
    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評価
    • 50PV
    ItoKyohei ItoKyohei 5日前に コメント
  • 解決済

    回答
    1

    three.jsでのクリック判定

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

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

    回答
    2

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

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

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

    回答
    1

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

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

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

    回答
    3

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

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

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

    回答
    2

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

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

    • 2評価
    • 298PV
    milktea milktea 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 208PV
    nasikusa nasikusa 2ヶ月前に コメント
  • 解決済

    回答
    1

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

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

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

    回答
    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評価
    • 86PV
    adrs2002 adrs2002 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    1

    IE11でthree.jsが動かない

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

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

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 408PV
    MakotoHoshi MakotoHoshi 6ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    72

  • 総質問数

    67

  • 今週の質問数

    2

関連するタグ

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