[three.js] タグが付いた質問
14 件の質問
0
票
1
回答
97
閲覧数
three.jsのShaderMaterialのフラグメントシェーダーの記述で、配列の添字に変数が使えない？
three.jsのShaderMaterialのフラグメントシェーダーの記述のところで、
配列の添字を変数にすると描画されません。
（ ①だと描画されるが、②だと描画されない ）
配列の添字に変数は使えないのでしょうか？
または使う方法はありますか？
動的に配列の要素を選択したいです。
<script id="fragmentShader" type="x-...
- 1,049
0
票
0
回答
97
閲覧数
three.jsのwebXRにおいてコントローラーのパッド情報を受け取る方法
https://teratail.com/questions/rr9ib865n9y59q
こちらで同じ質問をしています。
three.jsのwebXRによってコントローラーのパッド情報に伴うイベントを追加したいです
コントローラーのパッド部分を動かすと表示しているオブジェクトも動かすようなイベントを追加したいです。
HTCVIVEを利用しています。
...
- 1
0
票
1
回答
194
閲覧数
A-painterでローカル通信上で行う際について
私はA-painterというVRペイントソフトを使用して拡張可能なため様々な要素を入れて描画したいと考えており、ローカル開発が可能なため、ローカル通信上で描画を行おうとしております。
しかし、ローカル通信を行った際に「Access this site over HTTPS to enter VR mode and grant access to the device sensors.」と表示され、...
- 1
0
票
1
回答
116
閲覧数
次のホームページのアニメーションの技術を分析したい
Javaを中心にWebアプリ開発を主にしています。
今ホームページ制作にも興味を持ち、色んなサイトを見ているのですが、
以下のサイトのアニメーションに興味があります。
このサイトのHoldすると結晶になるようなアニメーションはどんな技術を使っていますでしょうか？
あるいは調べ方を教えていただけますと幸いです。
https://tsuyoshi.in/
URLがHTMLではないので、...
- 325
0
票
1
回答
1,263
閲覧数
glbファイルについて
Three.jsで「glbファイル」を読み込んで3Dキャラクターを動作させているコードがあるのですが、「glbファイル」とはどういうファイルですか？ どうやって作成するのですか？
テキストエディタで「glbファイル」ソースコードを確認しようとしたのですが、ファイルサイズが大きくて無理でした。
そこで、Windowsの3Dビューアー(今回初めて使いました)で「glbファイル」を開いたら、...
- 6,862
1
票
1
回答
554
閲覧数
Three.jsで動作させることが可能な3Dキャラクターは、どうやって作成するのですか？
Three.jsで、3Dキャラクターをインタラクティブに動作させてみたいのですが、
Three.jsで動作させることが可能な3Dキャラクターは、どうやって作成するのですか？
- 6,862
0
票
0
回答
216
閲覧数
Nuxt でThree.jsのnpmモジュールのexamplesフォルダをimportして使いたいがエラーが出る
VueとNuxtを使ったプロジェクトで3Dの描画をしたく、THREE.jsをnpmでインストールして使用したいです。THREEのメインのフォルダはimportできるのですが、examplesフォルダにある機能を読み込もうとすると以下のエラーが出ます。
エラー内容
SyntaxError
Unexpected token {
コード
<template>
</template&...
- 1
1
票
0
回答
278
閲覧数
three.jsで表現したパーティクルの集合図形を整列させたい。
以下のURLにあるように、スクロールしたらパーティクルが集合し、図形を表現する動きを実装しています。
リンク
コード内にもありますが、集合する図形の座標情報はstlの３dデータをblenderという3d編集ソフトを使用してjsonデータに変換したものを読み込んでいます。
しかし、こちらの座標情報だと頂点座標しか格納されていないために、...
0
票
0
回答
793
閲覧数
Three.js使用中にWebGLがブロックされましたと警告が出て描画が止まってしまいます。
ブラウザはChromeでThree.jsを使用して開発を行っています。
球体を描し、そしてその球体に画像を貼り付けるということをやっています。
そして貼り付ける画像を切替えるという事をやってみました。
オブジェクトはそのままにtextureのみ差し替えています。
ここまでは問題なく動作しています。
しかし何度か画像の切替えを行っていると一定の数値で「WebGLがブロックされましたと」...
- 17
0
票
1
回答
680
閲覧数
three.jsのサンプルにあるblenderファイルが読み込めない
three.jsの
https://github.com/mrdoob/three.js/tree/dev/examples/models/skinned/marine
このページにあるmarine_anims_core.blendをblenderで開きたいのですが、未対応のファイルフォーマットですと言われて開けません。
なんとか開けるようにする方法ないですか？
- 585
1
票
1
回答
803
閲覧数
iOSで実行した場合、three.jsのライトの数に制限はあるのでしょうか。
three.jsで遠隔光源、スポットライト、点光源など複数のライトをシーンに追加してシャドーマップをオンにすると図形が表示されません。
ライトの点灯の有無にかかわらず、シーンに5～7個のライトを追加するとこの現象は発生します。
WebGLRendererでmaxLights: 16としてみましたが状況は変わりませんでした。
webglはライトの制限数が8個までと聞きましたが、Windows、...
- 43
1
票
1
回答
533
閲覧数
Three.jsでのTGA読み込みについて
Three.jsでTGA読み込みを行うためにTGALoaderをインクルードし,
//該当部のみ抜粋
var loader;
var tgaLoader = new THREE.TGALoader( this.manager );
loader = tgaLoader;
var materialLoader = new THREE.MaterialLoader( this.manager );
...
- 11
1
票
1
回答
252
閲覧数
jThree.jsのgomlを使用せず、`THREE.MMD.VMD`を使用してアニメーションさせたい
下記のコードのようにTHREE.SCENEインスタンスに、THREE.MMD.PMXインスタンスからメッシュを生成して追加したところ表示はできたのですが、THREE.MMD.VMDインスタンスを使用してアニメーションさせる手順が分かりません。
gomlの<mmd model="foo.pmx" motion="bar.vmd" onLoad="parent.jThree.MMD.play(...
- 523
2
票
0
回答
1,476
閲覧数
three.jsで影と重なった部分や物体が重なった部分の面積や体積を求めたいです
three.js を使って、物体同士が重なった部分や、影に隠れた部分の面積を求めたいですc
何かライブラリーなどはあるのでしょうか？
下記のサイトで webGL? を使った方法はあるみたいなのですが
Three.jsで3DCGのピクセルデータをCPUで計算する方法
どうも使い方がよくわからないので困っています。
何か参考になるサイトなどご存知ではないですか？
【追記】
...
- 109