Vue 动画性能优化

在使用 JS 去操作动画的场景下,如果直接用数据绑定的方式去做,会比直接使用原生 JS 操作 (element.style.transform) 更加耗时。因为 Vue 在数据更新后,需要更新自身维护的虚拟 Dom 节点,对新旧节点进行对比,再更新视图。

创建三维图形

记录实现三维图形的步骤:创建三维点坐标,使用三角形集合,实体建模,添加灯光等...

三维坐标旋转

二维的坐标旋转绕Z轴旋转,物体只有x、y坐标会变化(风车旋转),三维中还可以绕x和y轴旋转。