Three.js中点网格的“液化”表面

Question

我从JSON文件加载了网格，这是我的当前结果：

my Project

这是我从Blender中导出为JSON的对象，然后使用其顶点创建点（THREE.Points）的几何形状（对于它的外观而言，这很重要）

我现在正在寻找一种对点进行“动画处理”的方法，以使“表面”看起来生动活泼。因此，基本上，它应该稍微运动一下，像这样（不旋转）：

Link to animated Gif

我已经排除了置换贴图，因为这不适用于PointsMaterial（或者有人知道解决方法吗？）

有人有提示或想法吗？我想到可能会变形2-3个对象..但是我不确定这是否适用于点网格。

Answer 1

一种实现所需效果的方法是使用变形目标动画（也称为顶点变形）。如下面的示例所示，three.js确实支持带点的变形目标动画。

https://threejs.org/examples/webgl_morphtargets_sphere.html

关于顶点变形的现有文献很多，因此熟悉该技术应该没有问题。建议您在Blender中创建动画，将模型导出到glTF，然后通过GLTFLoader将文件加载到您的应用中，如示例所示。