2017-01-03 26 views
1

私はthree.jsライブラリを使ってロボットアームを実現しようとしています。私の考えは、ジオメトリの最初のレベルが腕全体の動きの基礎になるような方法で腕のジオメトリを作成するために階層レベルを使用することです。誰かがこの仕事を達成するのを手伝ってもらえますか?three.jsを使ったロボットアームの動き

+1

http://stackoverflow.com/questions/41320005/folding-rectangles-to-form-a-cube-using-three-jsに非常によく似ています。回答のフィドルには、立方体の側面を構成する面があります、概念は同じです:https://jsfiddle.net/prisoner849/w35mjrwf/ – Radio

答えて

1

ロボットアームの各パーツに異なるメッシュを使用し、 し、各パーツを親のメッシュに追加する必要があります。 親メッシュを回転させると、それは子供たちのメッシュが一緒に回転します。例えば

:あなたはmainMeshを回転させるとき

var mat = new THREE.MeshBasicMaterial(); 

var mainHandGeometry = new THREE.BoxGeometry(50,10,10); 
var mainMesh = new THREE.Mesh(mainHandGeometry ,mat); 

var midHandGeometry = new THREE.BoxGeometry(30,5,5); 
var midMesh = new THREE.Mesh(midHandGeometry ,mat); 

var lastHandGeometry = new THREE.BoxGeometry(15,3,3); 
var lastMesh = new THREE.Mesh(lastHandGeometry ,mat); 

midMesh.add(lastMesh); 
lastMesh.position.set(10,10,10); 
mainMesh.add(lastMesh); 
midMesh.position.set(10,10,10); 

今ではそれの子供たちと一緒に回転します。 midMeshを回転すると、lastMeshで回転します。