three.js - 简单的 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 示例的作者倾向于在他们的演示中过度使用它并将这么多不相关的东西放在一起，以至于初学者无法理解这一点。拿 this morphing demo .
为什么他们不能想出一个简单的 Geometry 对象并对其进行变形？

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

拿这个simple Three.js roboter举个例子。

Answer 1

我理解您对 Three.js 官方演示功能如此丰富以至于难以提取您可能想要合并到您自己的程序中的单个效果的代码的感受。这就是我创建基本和彻底评论示例集合的动机

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

虽然此集合不包含您要寻找的示例(至少目前还没有)，但我只是想与您分享此链接，希望它可以帮助您将来了解其他个别功能。