玩转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 = 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)

时间: 2024-10-12 17:01:10

玩转createjs的相关文章

QQ空间玩吧HTML5游戏引擎使用比例分析

GameLook报道/“Cocos 2015开发者大会(春季)”于4月2日在国家会议中心圆满落下帷幕.在会上全新的3D编辑器,Cocos Runtime等产品重磅公布,给业界带来了Cocos这款国产引擎的最新动态.同时Cocos引擎创始人王哲也提到在目前国内最重要的HTML5游戏渠道玩吧中Cocos已经成为使用率最高的游戏引擎.那么这一数据是如何获取的呢?国内HTML5游戏渠道中目前现状究竟如何?今天我们让数据来说话. 直击现场 1.背景分析 2015年,HTML5平台可谓火爆异常,广大CP纷纷

前端要怎么学createjs!!!???

前端想做js开发,可以.但是思维要变通,思维要重塑.为啥?因为被div+css坑的有点深.这些都是我自己总结的,不知道其他人是不是这样. 在我看来div+css算是开发吗?肯定不是,这些东西有难的东西吗?有.很难吗?不是.但是要用到js之后,好多前端都在挠头(我头发都快掉完了). 为什么,因为我们用的js大部分都是在操作dom,滚动啊,显示隐藏啊.这些在js里是比较简单的了.js的能做的事还有好多.随着HTML5的canvas 崛起,对前端的js能力要求是越来越高.明显显示隐藏就不够用了.我们要

【精品】北京赛车计划冠军定位玩法技巧

車車是一種投資,我們的目標是:細水長流,見好就收,不求日金千金,只求長期穩定!許多人賠本的原因:1. 資金不足,卻大把下注,跟到第4期不出,錢不夠了,心慌了.有人孤注一擲,衝到第5期中了,嚇的半死.有人不敢跟,第5期出號了,氣死, 然後再跟新計劃,沒錢了,郁悶死.這兩種做法都不對,既然是以投資的心態做事,就應該計劃好翻倍的本錢,做到99%的穩賺,狀況不對就要及時止損. 看著連續中,就是不敢跟,最後咬牙跟了,馬上挂了.于是開始哭,我運氣咋這麽差.不買就中,一買就挂.相反,有些人專門等挂,一挂就上,

java用循环方式实现和计算机玩猜拳的程序

用循环方式实现和计算机玩猜拳的程序 (设定胜出条件--输3次或赢3次即退出) /*int a=0;//统计赢得次数 int b=0;//统计输的次数 for(;;){ System.out.println("请输入1.石头:2.剪刀:3.布"); int user=sc.nextInt();//声明用户输入 int cp=(int)(Math.random()*3+1);//声明电脑随机 switch(user){ case 1: System.out.println("用户

几个linux终端的有趣玩法

1.sl 还可以给别人搞恶作剧: alias ls=sl 这样别人使用 ls 列出目录和文件的时候,却出现一个小火车,那滋味一定很酸爽哈哈哈哈! 2. fortune 这个命令会随机输出有趣的话,比如名言或笑话.同样需要先安装. apt-get install fortune (for aptitude based system) yum install fortune (for yum based system) [email protected]:~$ fortune There is no

MAC安裝《Genymotion Android模擬器》大玩Android APP (神魔之塔)

链接地址:http://www.minwt.com/mac/10083.html/comment-page-2 MAC» 智慧型裝罝» Android | 2014/02/12 Android是一個開放的平台,因此先前也分享了幾個Android的模擬器,但當初梅干使用Android模擬器,最主要的功能就是用來測試網頁,看網頁在Android手機上是否能正常運作,雖然說這些Android模擬器,也可透過Google Player安裝Android APP,在電腦中就可玩Android APP,但由

企业怎样玩转10亿网民?田溯宁有不一样的想法!

京东商城创始人刘强东在中美互联网论坛上表示,中国是世界上最大的互联网市场,未来十年中国网民将超10亿.阿里巴巴创始人马云谈到当前中国传统企业经营压力增大,但更应该看到新经济增长的势头不亚于美国,中国市场潜力巨大.联想CEO杨元庆则提到,现在是一个资源全球配置的时代. 面对一个拥有全球最大网民规模.员工数量动辄上万的企业规模.全球化资源配置以及新经济增长模式层出不穷的转型时代,传统企业究竟要如何实现互联网+.如何玩转即将出现的10亿网民所带来的数据红利和网民人口红利?被誉为中国"互联网建筑师&qu

QQ群排名自动吸粉,同样是玩群,为什么他们这么牛?

说到玩QQ群,我们相信每个人都会有不同的感想,那同样是玩QQ群,为什么有的人一毛钱都没捞到,有的人却可以赚得盆满钵满,其实,玩QQ群和做项目一样,其本身并无好坏,只不过是看谁来玩罢了,下面我们就举几个简单的例子来说明一下: 案例1.用QQ群玩人脉的"人脉哥" 我们和人脉哥是好朋友,他算得上是一个玩QQ群的高手,他的高明之处不在于玩QQ群的技术上,而是在于QQ群运用上; 人脉哥本身是做小儿推拿的,所以他就建了几个本地的母婴群,他建群的目的不是为了吸引那些新妈妈们入群,然后直接推销自己的产

B - 瑶瑶带你玩激光坦克

B - 瑶瑶带你玩激光坦克 Time Limit: 2000/1000MS (Java/Others)    Memory Limit: 256000/128000KB (Java/Others) Submit Status Problem Description 有一款名为激光坦克的游戏,游戏规则是用一个坦克发出激光来达到一些目的,激光可以通过一些镜子反射. 机智的瑶瑶为了显示自己的智商高于常人,把这个游戏改造了一下,变成了用激光攻击敌人的游戏. 瑶瑶想知道射一次激光最多可以攻击到多少个敌人.