简单的Three.js变形

时间:2013-05-21 19:44:22

标签: three.js

开始使用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为准。 为什么他们不能想出一个简单的几何对象并变形呢?

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

以此simple Three.js roboter为例。

1 个答案:

答案 0 :(得分:7)

我理解你对官方Three.js演示如此精彩,以至于难以提取您可能希望合并到自己的程序中的单个效果的代码。这是我在

创建基本和完整注释示例集合的动机

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

虽然此系列不包含您寻求的示例(至少尚未包含),但我只想与您分享此链接,希望它可以帮助您了解将来的其他个别功能。