ThreeJS模型加载动画——从下向上加载

加载动画——从下向上加载"/>

ThreeJS模型加载动画——从下向上加载

        从下向上动态加载模型，模型本身是由点-线-面组成，setDynamic动态控制模型每个point的位置，让模型出现一个动态加载的效果，如下图：

        1、首先将模型压扁，获取point的position位置，然后设置y轴的高度为0，并将原始高度记录到modelPositons用于后面还原高度。

//将物体压扁，用于升起
var _temp = objGeo.children[0];
_temp.geometry.attributes.position.setDynamic(true);
let positions = combineBuffer(_temp, 'position');
modelPositons = positions.clone();
var maxIndex = 0;//最大值
for (var i = positions.count - 1; i > 0; i--) {var px = positions.getX(i);var py = positions.getY(i);var pz = positions.getZ(i);//计算得出最高点,用于停止动画if ( py > 0 ) {positions.setXYZ(i,px ,0,pz);}
}
_temp.geometry.attributes.positio