THREE で遊んでみる

THREE のライブラリを入れてWebGLで遊んでみました。

http://www.nanigoto.net/entry/2017/09/14/154431

↓以下のライブラリをインクルードして、

↓こんな感じでJSを書いたら、板のようなオブジェクトをボーリングみたいな配置にすることが簡単にできました。

var stoneMass = 120;
var stoneHalfExtents = new THREE.Vector3( 1, 2, 0.15 );
var numStones = 8;
quat.set( 0, 0, 0, 1 );
for ( var i = 0; i < numStones; i++ ) {

for ( var i2 = i * -1; i2 <= i; i2 += 2 ) {
pos.set( i2, 2, 15 * ( 0.5 - i / ( numStones + 1 ) ) );
createObject( stoneMass, stoneHalfExtents, pos, quat, createMaterial( 0xB0B0B0 ) );
}

}