ht for web一些动画实例

实例"/>

ht for web一些动画实例

ht for web一些动画实例

• 移动贴图动画
• 摄像机移动到设备的位置
• 移动摄像机到指定位置

移动贴图动画

function animScale() {var g = dataModel.getDataByTag("roadData");//获取需要操作的父节点var t = 0;ht.Default.startAnim({frames: 1 / 0,interval: 20,easing: function (t) {return t},action: function() {//循环子节点，移动uv值g.getChildren().forEach(function(node) {t = node.s("all.uv.offset") || [0, 0];node.s("all.uv.offset", [t[0] - .01, t[1]])});},finishFunc: function () {console.log("finish")}})
}

摄像机移动到设备的位置

function flytoShebei(data){g3d.flyTo(data,{"animation":{frames: 30,//帧数interval: 10,//间隙时间duration: 3000,//持续时间easing: Easing["easeIn"],//移动动画线段finishFunc: function() {dataModel.getSelectionModel().setSelection(data);}},//选中被点击的模型"distance":400,//固定摄像机到设备的距离"ratio":0.6})
}

移动摄像机到指定位置

function flyToMain(eye,center) {g3d.moveCamera(eye,center,{frames: 30,interval: 10,easing: function(t) {return t;},finishFunc: function() {console.log("finish");}})}