three.js - Three.js GPU 中的变形目标是否受支持？

Question

我有数千个这样的形状:

var someShape = new THREE.Shape( somePts );
var extrudedGeometry = new THREE.ExtrudeGeometry(someShape, {depth: 1, bevelEnabled: false});
var extrudedMesh = new THREE.Mesh(extrudedGeometry, new THREE.MeshPhongMaterial({color: getRandomColor(), transparent: true}));

这些形状中的每一个都会变形为具有相同数量顶点的不同形状。我正在考虑使用变形目标，它们在 GPU 上运行吗？

Three.js 中的变形目标是否在幕后作为顶点着色器实现，或者如果我尝试对数千个对象执行此操作，我是否应该创建自己的顶点着色器？

Answer 1

I was thinking of using morph targets, do they run on the gpu?

是的，变形目标动画是顶点位移的一种形式，在顶点着色器中实现。大多数内置 Material (例如 MeshPhongMaterial)通过包含相应的着色器 block 来支持它。作为用户，您只需设置 .morphTargets为 true 以通知渲染器特定 Material 应使用变形目标。

三.js R104