简单的Three.js变形

Question

开始使用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示例的作者倾向于过度使用并在他们的演示中抛出如此多的不相关的东西,起始者无法理解这一点.采取这种变形演示.为什么他们不能想出一个简单的几何对象并变形呢？

由于这与变形直接相关,我还想知道,我如何创建一个行为逼真的装备(即手臂不会脱落).在Cinema 4D中,这非常简单,但我怎么能告诉Three.js一个变形点应该控制多个网格点？

以这个简单的Three.js机器人为例.

Answer 1

我理解你对官方Three.js演示如此精彩,以至于难以提取您可能希望合并到自己的程序中的单个效果的代码.这是我创建基本和全面评论的例子的动机

http://stemkoski.github.io/Three.js/

虽然这个集合不包含您寻求的示例(至少现在还没有),但我只想与您分享此链接,希望它可以帮助您了解未来的其他个人功能.