玩转createjs

标题党"玩转", 真的是在玩怎么转...

参考一篇很经典的博文:createjs入门

做移动版(750x1334)的时候出来不居中啊, 不是掉在下面就是滑到右面,

canvas里面的东西又写不了css,咋办呢, 后来发现原来是光创建了stage却没有创建container导致的:

 var stage;
init(); function init() {
var canvas = document.getElementById("testCanvas");
stage = new createjs.Stage(canvas);
stage.canvas.width = ;
stage.canvas.height = 1334;
stage.autoClear = true;
//绘制外部容器
container = new createjs.Container();
stage.addChild(container);
//添加背景图
var bg = new createjs.Bitmap("../res/bg.jpg");
stage.addChild(bg);
//增加5个冰激凌,不断做旋转和放缩
for (var i = ; i < ; i++) {
var man = new createjs.Bitmap("../res/ice_cream.png");
man.regX = ;
man.regY = ;
man.x = canvas.width / * ;
man.y = canvas.height / * (i + );
man.scaleX = man.scaleY = ;
stage.addChild(man);
createjs.Tween.get(man, {
loop: true
}, true).to({
rotation: ,
scaleX: ,
scaleY:
}, ).to({
rotation: ,
scaleX: ,
scaleY:
}, );
man.addEventListener("click", eventCallback);
//监听点击非常方便,位图的透明区域忽略鼠标事件
} function eventCallback(event) {
console.log("click", event.currentTarget);
}
stage.update();
createjs.Ticker.setFPS();
createjs.Ticker.addEventListener("tick", tick);
} //这里有点猥琐,需要用户自行控制舞台不断update更新
function tick(event) {
stage.update(event);
}

玩转createjs玩转createjs

挺欢乐的, 注意不要往<div>上面调<canvas>的方法!(t.t)

上一篇:Qt5.7 无法输入中文问题


下一篇:centos7下安装docker(8.3容器的常用操作)