4

three.js を使用して、空間内の 4 つの頂点間にクワッドを描画しようとしています。次のコードを書きましたが、動作しません。

var a = { x:10,
            y:10}
var b = {x:50,
           y:50}

var geometry = new THREE.Geometry();
geometry.vertices.push( new THREE.Vector3( a.x, a.y, 2 ) );
geometry.vertices.push( new THREE.Vector3( b.x, b.y, 2 ) );
geometry.vertices.push( new THREE.Vector3( b.x, b.y - 60, 2 ) );
geometry.vertices.push( new THREE.Vector3( a.x, a.y, 2 ) );
geometry.faces.push( new THREE.Face3(0,1,2) );
geometry.computeFaceNormals();
var material = new THREE.MeshBasicMaterial({ color: "0xff1100"});
var mesh = new THREE.Mesh( geometry, material );
scene.add(mesh);

私はどこで間違いを犯していますか?ところで、四角形をレンダリングするには、Face4 を使用できますか、それとも Face3 を使用する必要がありますか? webgl の機能をすべて 1 か所で学習できる良いソースはありますか? Three.js のドキュメントは非常によく整理されており、完全です。

4

1 に答える 1