回答率

91.86%

検索キーワードを入力してください

and or

JavaScriptを有効にしてください

Three.js

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

RSS

解決済

回答

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

css3d_periodictable 上記のサンプルのソースコードを参考に球状にオブジェクトを配置するソースコードを書いているのですが，一行理解できないコードがありました． 303行目の var theta = Math.sqrt( l * Math.PI ) * phi; が何を意味しているのかわかりません．表示したいオブジェクトの数とπのルー
- 2評価
- 260PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
milktea 5日前にベストアンサー
解決済

回答

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

Three.jsでマウスで選択したオブジェクトを取得したいです。 RayCasterを使って、Object Pickingをしようと思い、以下のページを参考に作ってみました。参考にしたページ https://threejs.org/docs/#api/core/Raycaster 作成したもの http://kimuraya-bakery.la
- 0評価
- 62PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
essex 6日前にベストアンサー
受付中

回答

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

前提・実現したいこと現在three.jsを利用してオブジェクトをクリックした時のアクションを設定しようとしているところです。今回のコードは対象のオブジェクトをクリックした時に日付をログとして表示させるものとなっています。以下のコードで実行してもif文に入ることができません。 var intersects = raycaster.intersectObjec
- 0評価
- 281PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
Owl_ 6日前にコメント
解決済

回答

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

いつも参考にさせていただいています。現在Three.jsについて勉強しておりますが、 PreloadJSの使い方について分からないことがあり質問させていただきます。現在以下の様なコードで、ImageUtils.loadTextureCube()を使用して６面のテクスチャを読み込み、その戻り値をマテリアルのenvMapパラメータに設定しています。
- 0評価
- 206PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
adrs2002 1週間前にコメント
解決済

回答

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

現在、自分が作成したCGモデルの配布サイトでsketchfabのような数字の付いた画像（①のような感じです）をクリックするとその場所へ移動する機能を入れたいと思っているのですが、方法がわからず困っています。 Raycasterを使うことで、ブラウザ座標から３次元空間のオブジェクトの位置等を取得することは出来たのですが、逆に３次元空間のオブジェクトの位置（正確
- 0評価
- 95PV
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
nasikusa 1週間前にコメント
解決済

回答

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

前提・実現したいこと ARでMMDのファイルを出せるようにしたい。 jsartoolkit, three.jsを使って, マーカーにMMDを表示させたい。発生している問題・エラーメッセージ error { target: XMLHttpRequest, isTrusted: true, lengthComputable: false, loaded:
- 0評価
- 45PV
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
adrs2002 1週間前にベストアンサー
解決済

回答

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評価
- 36PV
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
adrs2002 2週間前にベストアンサー
解決済

回答

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

お世話になります。 Three.jsのdat.GUIについて質問させてください。カメラのポジションをシュミレーションするために、dat.GUIでcameraX、cameraY、cameraZを定義しています。ブラウザではGUIも正常に表示されるのですが、スライダーを動かしても変化がありません。カメラポジション以外にボックスジオメトリのアニメーシ
- 0評価
- 174PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
no23h 2ヶ月前にコメント
受付中

回答

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

前提・実現したいこと画面をタップして動画を再生・一時停止を行い，シークバーをつけたい。端末はiphoneです。発生している問題・エラーメッセージ一旦，jsにスクリプトを埋め込んでみましたが，動きません。シークバーについてはjsの組み込み方及び組み込み場所が分からず，手つかずです。該当のソースコード gitにソースを置いています。
- 0評価
- 133PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- HTML
  
  4897questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- HTML5
  
  2216questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
- WebVR
  
  3questions
  
  WebVRは、WebでVR（Virtual Reality）体験を実現可能にする技術。Oculus RiftといったVRデバイスをブラウザで直接使用できるAPIです。
turbgraphics200 3ヶ月前にコメント
解決済

回答

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

前提・実現したいこと google vr viewで画面をタップもしくはボタンなどで再生，一時停止がコントロールできるようにしたい。また，早送りや巻き戻しのコントロールバーを追加したい。発生している問題・エラーメッセージ PCだとロードが完了すると動画が自動再生されてしまい，また一時停止することができません。スマホだとロードが終わると再生ボ
- 0評価
- 312PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- HTML
  
  4897questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- HTML5
  
  2216questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- iframe
  
  63questions
  
  HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
turbgraphics200 3ヶ月前にベストアンサー
解決済

回答

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

前提・実現したいこと背景が example of wave with three.js のように動くサイトを作りたいです。イメージとしては、普通のwebsiteのように文字の情報とかは存在していて、それに重なるように背景でthree.jsのwaveを使いたいのです。かなり基本的な質問かとおもいますが、方針などを教えていただけたら嬉
- 0評価
- 358PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- HTML5
  
  2216questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
neil 4ヶ月前にベストアンサー
解決済

回答

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

前提・実現したいこと Azureでエンコードした.mpdファイルをgoogle vr view for webで再生したい。発生している問題・エラーメッセージ再生できる.mpdファイルと再生できない.mpdファイルがあり，Azureで.mp4⇒.mpdにエンコードした場合，再生できない。 ] 該当のソースコード動かない.mpdフ
- 0評価
- 216PV
- XML
  
  411questions
  
  XMLは仕様の1つで、マークアップ言語群を構築するために使われています。
- HTML5
  
  2216questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- iframe
  
  63questions
  
  HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
- Azure
  
  107questions
  
  Azureは、マイクロソフトのクラウドプラットフォームで、旧称は Windows Azureです。PaaSとIaaSを組み合わせることで、コンピューティング・ストレージ・データ・ネットワーキング・アプリケーションなど多くの機能を持ちます。
snooooopy_16 4ヶ月前にコメント
解決済

回答

1
IE11でthree.jsが動かない

http://hoshi.dimension.sc/three/ このコードをieでも同じように動かしたのですが、 ieで開いても何も表示されません。使ってるバージョンは11で、調べてみると、ie11ではwebglに対応しているとのことだったのですが、動きません。設定を開いてみても、webglは有効になっていますし、何が原因でしょうか？
- 0評価
- 263PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Internet Explorer
  
  169questions
  
  Internet Explorer(IE;MSIE)はマイクロソフトが開発したウェブブラウザです。Microsoft Windowsに組み込まれています。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
MakotoHoshi 4ヶ月前にコメント
解決済

回答

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

お世話になります。Three.jsについて勉強しておりますが、ビルボードについて分からないことがあり質問させていただきます。現在、Three.jsでビルボードを使用したいと思っています。ビルボードをカメラに正対させているのは、以下の１行です。 billboard.rotation.setFromRotationMatrix( camer
- 0評価
- 177PV
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
edo_m18 4ヶ月前にコメント
解決済

回答

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

http://hoshi.dimension.sc/three/ ↑のようにthree.jsでjsonモデルを読み込むと、オブジェクトが二重になり、さらに点線になってしまいます。実線のワイヤーフレームでオブジェクトは重ならない、というのが理想ですが、どのようにすれば実現できますか？コードは以下のようになっており、ParallaxBarrie
- 0評価
- 290PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- JSON
  
  583questions
  
  JSON(JavaScript Object Notation）は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
MakotoHoshi 4ヶ月前にベストアンサー
解決済

回答

2
ループを使ったTextGeometryの生成（Three.js）

お世話になります。Three.jsについて勉強しているのですが、TextGeometryについて分からないことがあり、質問させていただきます。現在、表示したい文字と座標を格納した２つのアレイからデータを読み込み、３Dテキストを配置しようとしています。作成したのは以下のコード（抜粋です）なのですが、これですと文字が配置されません。
- 0評価
- 233PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
essex 5ヶ月前にコメント
解決済

回答

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評価
- 441PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
essex 5ヶ月前にコメント
解決済

回答

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評価
- 392PV
- JavaScript
  
  8749questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
- WebGL
  
  43questions
  
  WebGL（ウェブジーエル）は、ウェブブラウザで 3次元コンピュータグラフィックスを表示させるための標準仕様です。
massy7 5ヶ月前にコメント
受付中

回答

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

前提・実現したいこと Three.jsのOBJLoader/MTLLoaderで読み込んだOBJ形式の3Dモデルを表示したときスムーズな表面の表示にしたい。 OBJLoaderで読み込んだモデルに対するスムーズシェーディング、ジオメトリの法線補完計算の正しい適用方法を知りたい。発生している問題・エラーメッセージ Three.jsのO
- 0評価
- 217PV
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
teratailが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評価
- 392PV
- Three.js
  
  61questions
  
  Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。
teratailが6ヶ月前にアップデート

1
2
3
...

次のページ

タグ情報

あなたの順位

-位
タグ登録者数

65人

総質問数

61件
今週の質問数

1件

タグ別ランキング

1

turbgraphics200

score 61

JavaScript

jQuery

HTML
2

edo_m18

score 58

JavaScript

Unity

C#
3

adrs2002

score 32

Three.js

JavaScript
4

mattari_panda

score 30

JavaScript

Three.js

jQuery
5

snow

score 28

Three.js

WebGL

3DCG
6

nami634

score 17

JavaScript

Ruby

Three.js
7

manabufukai

score 15

JavaScript

jQuery

WordPress
8

afroscript.10

score 14

JavaScript

Three.js

WebGL
9

yuya3110

score 11

HTML

WordPress

Three.js
10

mitsuru_cbc

score 10

Three.js

JavaScript

WebGL

タグ別ランキング

1

adrs2002

score 32

Three.js

JavaScript
2

mattari_panda

score 7

JavaScript

Three.js

jQuery
3

kjml

score 5

Excel

Access

ダウンロード
4

edo_m18

score 2

JavaScript

Unity

C#
5

afroscript.10

score 2

JavaScript

Three.js

WebGL
6

misogil

score 2

Heroku

Three.js

Ruby on Rails 4
7

essex

score 2

Three.js

JavaScript

タグ別ランキング

1

mattari_panda

score 7

JavaScript

Three.js

jQuery
2

kjml

score 5

Excel

Access

ダウンロード
3

afroscript.10

score 2

JavaScript

Three.js

WebGL
4

adrs2002

score 2

Three.js

JavaScript

関連するタグ

ActionScript

6questions

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

1questions

Firebirdは、オープンソースのリレーショナルデータベース管理システムです。オープンソースとしてBorland社が公開したInterBaseから派生したもので、MGAによる高度なトランザクション管理機能を持ちます。
WebSocket

116questions

WebSocketとは双方向・全二重コミュニケーションのためのAPIでありプロトコルのことを指します。WebSocketはHTML5に密接に結びついており、多くのウェブブラウザの最新版に導入されています。
Subversion

35questions

Subversionは、使い方はCVSによく似た、CVS(Concurrent Versions System)を改良したバージョン管理ツールです。
for

105questions

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

2questions

munin とはネットワーク化に対応しているリソース・モニタリングツールです。何が性能に悪影響を与えているのかがわかり、リソースの推移の解析に役立ちます。プログラムは直ぐに使えるようにプラグアンドプレイを採用。デフォルトのままでたくさんのグラフを表示できます。
リファクタリング

8questions

リファクタリングとはコードの本体を再構築するための手法であり、外見を変更せずに内部構造を変更/改善させることを指します。
Oculus Rift

12questions

Oculus Riftは、ゲームに特化した広視野角バーチャルリアリティヘッドマウントディスプレイです。そのため、バーチャルリアリティ・ゲームで使用するのを第一目的として開発されています。
Vue.js

69questions
コンパイル

39questions

コンパイルとは、プログラミング言語のテキストソース(ソースコード)をコンピュータ上で実行可能な形式(オブジェクトコード)に変換することをいいます

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