如何从一个网格过渡到另一个
how to make a transition from one mesh to another?
我有mes1和mes2。每个都有挤压
mesh1 ->100 vertices
mesh2 ->200 vertices
在我的代码中,我做了以下操作:
mesh1.geometry.verticesNeedUpdate = true;
mesh1 = Mesh2;
mesh1.geometry.computeBoundingBox ();
,所以我设法更新了mes1(这在我的原始代码中有效),但我不希望您看到任何突然的变化。我想要一个动画,而网格1变成几何网格2。
我一直使用库tween.js。例如:
new TWEEN.Tween (mesh1.scale) .to ({x: 1, and 1, z 1}, 1000) .start ();
但是我不知道在这种情况下如何做动画。通过过渡或动画,您可以实时看到mes2到mes1顶点的变化。我不想表现出任何突然的变化。
您可以使用morphTarget
。你有一组相同长度的顶点,但位置不同。然后设置morphTargetInfluences
以实现从一组顶点到另一组顶点的过渡。
这是来自Threejs Geometry文档
.morphTargets
Array of morph targets. Each morph target is a Javascript object:
{ name: "targetName", vertices: [ new THREE.Vector3(), ... ] } Morph vertices match number and order of primary vertices.
这是一个很好的例子。查看它的源代码,以便更好地理解。
相关文章:
- 使用MixItUp在一个网格中进行多个排序
- 用javascript制作一个网格视图图像
- EXTJS 4.2:点击按钮,在新窗口中将选定的网格行从一个网格复制到另一个网格
- Masonry:在AJAX回调上创建一个网格
- 在 threejs 中确定一个网格是否在另一个网格内
- 我在同一域中并排打开了两个浏览器.我想将一个网格的选定行拖到另一个浏览器.可能吗
- 如何使用 ExtJS 4.1 将网格放入另一个网格的单元格中
- 我如何浏览一个网格,询问是否使用 jQuery 选中了复选框
- 构建一个网格并使用jQuery捕捉到它
- 当我的页面有两个网格时,如何在一个网格中设置td的样式
- 如何创建一个网格,其中可变数量的正方形会自动调整大小以适应空间
- Sencha ExtJS 4.2:如何在一个网格中同步两个组合编辑器
- 相机's位置不改变时,添加到一个网格
- 剑道-在选择网格单元格时更新另一个网格(mvvm)
- 建立一个网格的圆圈与文本内部和…移动东西
- 如何从一个网格过渡到另一个
- ExtJs双击网格行应该将项目移动到另一个网格
- 如何使一个网格布局与未知数量的列,每一列有相同的大小
- 如何将三个.js网格合并为一个网格
- three.js:如何为一个网格获得多个材料