three.js

0熱

1答えて

私は現在、ビデオの背景を持つWebページを作成しようとしていますが、フォアグラウンドには移動/インタラクティブなWebGL要素またはobjがあります。カメラは静止していますが、フォアグラウンドの3Dオブジェクトは移動します。私は、CSSビデオの背景チュートリアルをやろうとしましたが、ビデオは3Dオブジェクトの代わりにフォアグラウンドにあります。次は私のHTMLです： <!DOCTYPE htm

1熱

1答えて

Three.js：ディスプレイスメントマップにSSAO（スクリーンスペースアンビエントオクルージョン）を適用します

は、私はこのように、正しく私のThree.jsプロジェクトにスクリーンスペースアンビエントオクルージョンを実装し、そして完璧な実行しましています //Setup SSAO pass depthMaterial = new THREE.MeshDepthMaterial(); depthMaterial.depthPacking = THREE.RGBADepthPacking; depthM

1熱

1答えて

Face4をFace3に固定する方法

古いコードが見つかりました。ほとんど動作します。 var geom = new THREE.Geometry(); geom.vertices = testRect.verts(); for (var i = 0; i < verts.length; i+=4) { geom.faceVertexUvs[0].push([ new THREE.Vector2(1.0 -

0熱

1答えて

3Dオブジェクトの任意の軸でのループ回転Three js

インポートされた3Dオブジェクトを、古典的なキューブ、球などのような任意の軸で連続的に回転させようとしました。なぜか分からない。コードは次のとおりです。 var scene6, camera6, renderer6, light, shipMtl, shipObj; function init() { scene6 = new THREE.Scene(); camera6

0熱

1答えて

一つのシーンで二つのモデル

私はページ上の2つのキャンバス、右のスライドを比較することができますが、今は問題を発見し、同時にスライドする指が、プログラムが間違いなくモデルを拡大されます回転モデルよりも？私は方法、キャンバス、2つのカメラ、2つのモデル、スライディング、カメラの位置を制御する両方の位置を制御し、回転周波数でモデルを作ると思いますが、特定の実装は、相対回転、回転周波数の影響ではない？

0熱

1答えて

ブレンダーモデルをTHREE.JSにエクスポートすると、おそらく

"クラウドジェネレータアドオン"を使用してブレンダーで "クラウド"を生成し、それを ".dae"形式でthree.jsにエクスポートしました： var modelname="cloud_0"; var object1 = new PinaCollada('cloud_0', 100); scene.add(object1); var object2 = new PinaCollada('

0熱

1答えて

ThreeJSはその後、個別に

それらを回転させるI持って次のコード：https://pastebin.com/sxfmAAz9 基本的に私が作成しています（私はOPから気をそらすしたくないので、ペーストビンを使用して、それが長いシーケンスのビットがあります）スパイキーな平面を作成するために、幅セグメントと高さセグメントに分割します。私は各面を反復処理しています。その面を複製して、それを上にしてゆっくりと回転させて飛行機から出て

1熱

2答えて

子の幅に基づいてTHREE.Groupを中央に揃えるにはどうすればいいですか？

私は球のグループをレンダリングするためにThree.js（r86）を使用しています。私は外部のライブラリからcreateSphereGroup関数を呼び出すことにより、これをやっている： // External library code. function createSphereGroup(sphereCount) [ var group = new THREE.Group();

1熱

2答えて

A-Frame：setObject3Dを使ってエンティティに複数のメッシュを追加するにはどうすればよいですか？フレームタグを

、1は、エンティティに子供のように複数のコンポーネントを追加することができます。 <a-scene> <a-entity> <a-box>...</a-box> <a-box>...</a-box> </a-entity> <a-scene> どのようにsetObject3Dメソッドで登録したコンポーネントでこれを複製するのでしょうか？ CodePen：htt

0熱

1答えて

threejs setClearColor背景がないのに不透明度を0に設定する

renderer.setClearColor (0xff0000, 0) [setClearColor]：Changing three.js background to transparent or other colorを使用して背景色を空白に設定し、不透明度を0に設定しますhttps://github.com/shunzizhan/threejsDemo/wiki/three-scene