今回は、Three.jsの「三角形オブジェクト」について書きます。 こんな形の三角形の作り方を書いていきます。 横から見ると、 こんなんです。 最初は、コードから書いていきます。 コチラです。 //ジオメトリ(形状)の宣言と生成 var geometry = new THREE.Geometry(); //頂点座標データを追加 geometry.vertices[0] = new THREE.Vector3(150,0,0); geometry.vertices[1] = new THREE.Vector3(0,150,0); geometry.vertices[2] = new THREE.Vector3(0,0,150); //面指定用頂点インデックスを追加 geometry.faces[0] = new THREE.Face3(0,1,2); //マテリアル(材質)の宣言と生成 va
![Three.js 三角形(triangle)の作り方 - Three.jsを使って、作ってみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/78dbdf51f6f8ab28c40f3a0c6d37e27bc7289934/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F696de9678b81d592ca1cb308d40ffade41ef5747%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fg%252Fgupuru%252F20131217%252F20131217203324.png)