Cubeの各面に異なるマテリアルを使うときはTHREE.jsのバージョンに注意! - not good but great
Cubeの各面に異なるマテリアルを使う 見事にハマったのでメモしておく。 //Cube var materials = []; for(var i = 0;i < 6;i++){ materials.push(new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff } ) ); } var CUBE_WIDTH = 200; var CUBE_HEIGHT = 200; var CUBE_DEPTH = 200; var CUBE_WIDTH_SEGMENTS = null; var CUBE_HEIGHT_SEGMENTS = null; var CUBE_DEPTH_SEGMENTS = null; var cube_geo = new THREE.CubeGeometry( CUBE_WIDTH, CUBE_HEI
Three.jsでカーソルとの衝突判定する方法 - Qiita
Three.jsにはRaycasterという便利なものがついており、これを使って視線衝突を判定することができる。 まず画面上でのマウスの位置をベクトルに変換する var projector = new THREE.Projector(); var mouseX = e.clientX -getElementPosition(renderer.domElement).left; var mouseY = e.clientY - getElementPosition(renderer.domElement).top; var x = (mouseX / renderer.domElement.width) * 2 - 1; var y = -(mouseY/renderer.domElement.height) * 2 + 1; var vector = new THREE.Vector3(x
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
