Three.js

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

RSS

  • 受付中

    回答
    1

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

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

    • 0評価
    • 45PV
    • HTML5

      2421questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • Three.js

      67questions

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

    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
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • HTML

      5310questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • 3DCG

      57questions

      コンピュータの演算により、3次元空間の仮想物体を、2次元平面上で表現する手法である。

    • Three.js

      67questions

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

    ItoKyohei ItoKyohei 5日前に コメント

  • 解決済

    回答
    1

    three.jsでのクリック判定

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

    • 0評価
    • 94PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • HTML

      5310questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • Three.js

      67questions

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

    Owl_ Owl_ 1ヶ月前に コメント

  • 解決済

    回答
    2

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

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

    • 0評価
    • 387PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Three.js

      67questions

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

    Owl_ Owl_ 1ヶ月前に ベストアンサー

  • 解決済

    回答
    1

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

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

    • 0評価
    • 104PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Three.js

      67questions

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

    essex essex 1ヶ月前に ベストアンサー

  • 解決済

    回答
    3

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

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

    • 0評価
    • 452PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Three.js

      67questions

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

    snow snow 1ヶ月前に コメント

  • 解決済

    回答
    2

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

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

    • 2評価
    • 298PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Three.js

      67questions

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

    milktea milktea 2ヶ月前に ベストアンサー

  • 解決済

    回答
    1

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

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

    • 0評価
    • 128PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Three.js

      67questions

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

    essex essex 2ヶ月前に ベストアンサー

  • 解決済

    回答
    1

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

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

    • 0評価
    • 233PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Three.js

      67questions

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

    adrs2002 adrs2002 2ヶ月前に コメント

  • 解決済

    回答
    1

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

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

    • 0評価
    • 208PV
    • Three.js

      67questions

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

    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
    • Three.js

      67questions

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

    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
    • Three.js

      67questions

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

    adrs2002 adrs2002 2ヶ月前に ベストアンサー

  • 解決済

    回答
    1

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

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

    • 0評価
    • 306PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Three.js

      67questions

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

    no23h no23h 4ヶ月前に コメント

  • 受付中

    回答
    1

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

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

    • 0評価
    • 186PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • HTML

      5310questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • HTML5

      2421questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • Three.js

      67questions

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

    • WebVR

      3questions

      WebVRは、WebでVR（Virtual Reality）体験を実現可能にする技術。Oculus RiftといったVRデバイスをブラウザで直接使用できるAPIです。

    turbgraphics200 turbgraphics200 5ヶ月前に コメント

  • 解決済

    回答
    1

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

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

    • 0評価
    • 432PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • HTML

      5310questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • HTML5

      2421questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • iframe

      72questions

      HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。

    • Three.js

      67questions

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

    turbgraphics200 turbgraphics200 5ヶ月前に ベストアンサー

  • 解決済

    回答
    1

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

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

    • 0評価
    • 462PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • HTML5

      2421questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • Three.js

      67questions

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

    neil neil 6ヶ月前に ベストアンサー

  • 解決済

    回答
    1

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

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

    • 0評価
    • 307PV
    • XML

      455questions

      XMLは仕様の1つで、マークアップ言語群を構築するために使われています。

    • HTML5

      2421questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • iframe

      72questions

      HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。

    • Three.js

      67questions

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

    • Azure

      123questions

      Azureは、マイクロソフトのクラウド プラットフォームで、旧称は Windows Azureです。PaaSとIaaSを組み合わせることで、 コンピューティング・ストレージ・データ・ネットワーキング・アプリケーションなど多くの機能を持ちます。

    snooooopy_16 snooooopy_16 6ヶ月前に コメント

  • 解決済

    回答
    1

    IE11でthree.jsが動かない

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

    • 0評価
    • 420PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Internet Explorer

      185questions

      Internet Explorer(IE;MSIE)はマイクロソフトが開発したウェブブラウザです。Microsoft Windowsに組み込まれています。

    • Three.js

      67questions

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

    MakotoHoshi MakotoHoshi 6ヶ月前に コメント

  • 解決済

    回答
    1

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

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

    • 0評価
    • 245PV
    • Three.js

      67questions

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

    edo_m18 edo_m18 6ヶ月前に コメント

  • 解決済

    回答
    1

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

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

    • 0評価
    • 408PV
    • JavaScript

      9543questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • JSON

      646questions

      JSON(JavaScript Object Notation）は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

    • Three.js

      67questions

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

    MakotoHoshi MakotoHoshi 6ヶ月前に ベストアンサー
1
  • 1
  • 2
  • 3
  • ...

次のページchevron_right

タグ情報

  • あなたの順位

    -位

  • タグ登録者数

    72人

  • 総質問数

    67件

  • 今週の質問数

    2件

関連するタグ

  • GHOST

    1questions

    glibcの__nss_hostname_digits_dots() にヒープバッファオーバーフローの脆弱性

  • ActionScript

    6questions

    ActionScriptはRIA、モバイルアプリケーション、Webアプリケーションなど広く使われているスクリプト言語です。スクリプトとして、AdobeFlashやAdobeFlexで記述されています。

  • SNMP

    15questions

    SNMPとは【Simple Network Management Protocol)】 ネットワークに接続しているデバイス等の情報を 収集し、ネットワーク監視や制御の管理を行うためのプロトコルです。

  • ロギング

    3questions

    コンピュータにおけるロギングとは、コンピュータプログラミングにおける形跡を記憶することをさします。これは、システムのアクティビティの理解や、問題究明のために監査証明を残す目的でおこなわれます。

  • make

    48questions

    make は、ビルド作業を自動化するツールです。さまざまなファイルの最終変更時刻を比較し、従属するファイルよりも「ターゲット」のファイルが古いことがわかったときユーザーが設定していた命令を実行する事が可能です。

  • mbed

    13questions

    mbed（エンベッド）は、Webサイト上でC++を使って開発を行う、ワンボードマイコンのプロトタイピングツールです。PCに開発環境をインストールする必要がなく、Webにアクセスできればどこにいても開発を行うことができます。

  • Arch Linux

    1questions

    arch（アーク）は、バージョン管理システムです。 また、リポジトリ（アーカイブ）操作を行えるツールの総称として扱われています。

  • for

    118questions

    for文は、様々なプログラミング言語で使われている制御構造です。for文に定義している条件から外れるまで、for文内の命令文を繰り返し実行します。

  • Watson

    12questions

    Watsonは、IBMが開発した質問応答・意思決定支援を行うシステムです。人口知能と言われることもあるが、IBMは自然言語処理と機械学習を用いて人間の意思決定を支援するコグニティブコンピューティングプラットホームと呼んでいます。

  • Chrome Apps

    4questions

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