Animation cc H5的一些开发Tips

Posted 2022-06-28 编程圈

自动生成的html中，要手工加上viewport属性：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

否则会出现运行非常卡的情况。

音乐控制

自动生成的playSound方法：

function playSound(id, loop) 
        return createjs.Sound.play(id, createjs.Sound.INTERRUPT_EARLY, 0, 0, loop);
    

停止音乐：

createjs.Sound.setMute(true); //静音

帧停止的脚本

this.stop();

在某一帧触发事件（可实现动画结束时执行自己的js）

在自己的js里定义：

var model=new createjs.EventDispatcher();
    model.addEventListener("complete",function()
        //TODO: 自己的代码
    );

在帧动作上写：

if(typeof(model)!=undefined) model.dispatchEvent("complete");

自动调整canvas大小

在第一帧的帧动作里写：

document.getElementById("canvas").width = document.documentElement.clientWidth;  
document.getElementById("canvas").height = document.documentElement.clientHeight;

添加按钮事件示例

在放置按钮的帧上写：

var btn = this;
btn.addEventListener("mousedown",function()
    //TODO:自己的代码    
);