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");
        }
    })

}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值