玩轉createjs

標籤：stc   分享   注意   toc   res   滑鼠   image   src   入門   

標題黨"玩轉", 我真的是在玩怎麼轉...

參考一篇很經典的博文:createjs入門

做移動版(750x1334)的時候出來不置中啊, 不是掉在下面就是滑到右面,

canvas裡面的東西又寫不了css,咋辦呢, 後來發現原來是光建立了stage卻沒有建立container導致的:

 var stage; init(); function init() {     var canvas = document.getElementById("testCanvas");     stage = new createjs.Stage(canvas);     stage.canvas.width = 750;     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 = 0; i < 5; i++) {         var man = new createjs.Bitmap("../res/ice_cream.png");         man.regX = 60;         man.regY = 42;         man.x = canvas.width / 5 * 4;         man.y = canvas.height / 6 * (i + 1);         man.scaleX = man.scaleY = 1;         stage.addChild(man);         createjs.Tween.get(man, {             loop: true         }, true).to({             rotation: 360,             scaleX: 2,             scaleY: 2         }, 1000).to({             rotation: 360,             scaleX: 1,             scaleY: 1         }, 1000);         man.addEventListener("click", eventCallback);         //監聽點擊非常方便，位元影像的透明地區忽略滑鼠事件     }     function eventCallback(event) {         console.log("click", event.currentTarget);     }     stage.update();     createjs.Ticker.setFPS(60);     createjs.Ticker.addEventListener("tick", tick); } //這裡有點猥瑣，需要使用者自行控制舞台不斷update更新 function tick(event) {     stage.update(event); }

挺歡樂的, 注意不要往<div>上面調<canvas>的方法!(我的血和淚t.t)

玩轉createjs