Three.js を使い始めるのは簡単ではありません。ドキュメントは不完全で混乱しており、他のリソースは古くなっているようです。だから我慢してください。
ジオメトリやメッシュを単純にモーフィングするにはどうすればよいですか?
これを例に取ります。この円柱の弓をバナナのようにするにはどうすればよいですか?
var material = wireframe: new THREE.MeshBasicMaterial({color: 0x00ff00});
var geometry = new THREE.CylinderGeometry(15, 15, 80, 30, 1, false)
, mesh = new THREE.Mesh(geometry, material);
Three.js の例の作成者はやりすぎて、デモに関係のないものをたくさん入れてしまう傾向があるため、初心者は要点を理解できません。このモーフィング デモをご覧ください。単純な Geometry オブジェクトを作成してモーフィングできないのはなぜですか?
これはモーフィングに直接関係しているので、リアルに動作する (腕が落ちない) リグを作成する方法も知りたいです。Cinema 4D ではこれは非常に簡単ですが、1 つのモーフィング ポイントが複数のメッシュ ポイントを制御する必要があることを Three.js に伝えるにはどうすればよいでしょうか?
例として、この単純な Three.js ロボットを取り上げます。