【creatJs】飚车游戏

练习用creatJs做个h5的飚车小游戏,正好把开发过程记录下来。

第一步 创建汽车

用到了creatJs的SpriteSheet方法,看名字就知道是图片定位。

还有个Ticker事件,就是让画布动起来。

思路就是创建一个汽车的数据,添加到画布里。

在canvas里生成的汽车效果图:

	var stage = new createjs.Stage(document.getElementById("gameView"));

	var car = new createjs.SpriteSheet({
			framerate: 10,
			"images": ["img/car.png"],
			"frames": {"height": 168,"width": 110},
			"animations": {
				"run": [0,1],
			}
		});

	var grant = new createjs.Sprite(car, "run");

	stage.addChild(grant);
	createjs.Ticker.framerate  = 30;
	createjs.Ticker.addEventListener("tick", stage);

  

时间: 2024-10-13 10:34:26

【creatJs】飚车游戏的相关文章

推荐几个好玩的手机游戏

封面:摘要:这里推荐几个我个人玩过的, 觉得比较好玩的手机游戏给大家,游戏都是iOS平台,安卓平台有没有上线,我没有验证过,请读者们自行搜索! 正文:我个人比较喜欢玩单机游戏,所以推荐的单机游戏会比较多一点, 当然,网游也多少会有一点! 1.暗影格斗2(Shadow Fight2)这个游戏最开始是在facebook上的一个,后来移植到手游平台,游戏的节奏比较慢,最开始玩的时候,是被这个游戏的画面给惊叹了,非常喜欢这种风格的美术画面,虽然我只是个程序! 2.纪念碑谷(Monument Valley

ios8.1.2耗电情况严重的解决方法

打开cydia,搜索ifile(威锋源,版本2.1.0-1).打开ifile,进入路径/Applications.里面有许多程序文件,选择适当的进行禁用(ifile可以禁用程序的活动而不完全删除它,这对解决电池耗电问题已经足够了).禁用方式以“邮件”程序举例: 1.找到mobilemail.app,点击该栏右侧蓝色的“i"图标,进入后下滑到最下方,找到”ACCESS PERMISSIONS“单元.单元里有3个项目分别为User.Group.World.分别点击进入,又可看到4个选项Execute

2017-2-15从0开始前端学习笔记-文本

2017-2-15从0开始前端学习笔记-文本 标签 文本 粗体和斜体 <b>bold粗体</b> <i>italic斜体</i> 上标和下标 <sup>上标</sup> <sub>下标</sub> 空白 换行符和水品线 <br/>换行符 <hr/>水平线 语义化标记 加粗和强调 <strong>加粗 加强语气</strong> <em>强调 斜体 能改

情绪管理与控制

体察自己的情绪 你要时时提醒自己注意:"我现在的情绪是什么?"例如:当你因为朋友约会迟到而对他冷言冷语,问问自己:"我为什么这么做?我现在有什么感觉?"如果你察觉你已对朋友三番两次的迟到感到生气,你就可以对自己的生气做更好的处理.有许多人认为:"人不应该有情绪",所以不肯承认自己有负面的情绪,要知道,人一定会有情绪的,压抑情绪反而带来更不好的结果,学着体察自己的情绪,是情绪管理的第一步. 适当表达自己的情绪 再以朋友约会迟到的例子来看,你之所以生

Android老司机搬砖小技巧

作为一名Android世界的搬运工,每天搬砖已经够苦够累了,走在坑坑洼洼的道路一不小心就掉坑里了. SDK常用工具类 Android SDK中本身就拥有很多轮子,熟悉这些轮子,可以提高我们的搬砖效率. android.text.TextUtils 字符串操作常用方法:isEmpty() ,join(),split()等 if(!TextUtils.isEmpty(text)){ //do something } android.webkit.URLUtil 链接相关常用方法:isHttpUrl(

JavaWeb基础—监听器Listener

javaWeb三大组件: servlet listener(用的不多) filter 什么叫监听器: 初次相见:AWT 二次相见:SAX(XML解析时)Bundle 绑定 监听器是一个接口,内容由我们实现 它需要注册,例如注册在按钮上 监听器的方法会在特定事件发生时调用 特性: 总是和观察者模式相关. 事件源:谁飙车 事件:有人飚车了 监听器:交警(就监听谁飙车,就注册在事件源身上),监听器的方法(这里就是抓捕) 当然可能不止一个. JavaWeb中的监听器(八大监听器) 常见的事件源:Serv

心理学集锦

1.临近效应 两个人能否成为朋友,这与俩人住处的远近有很大关系.这被称为邻近效应.那么为什么邻近性会引发好感呢? 增强亲近感 邻近性一般都会增强亲近感.住得近的人自然碰面的机会也相对频繁,重复的接触就会引发.增强相互间的好感. 强烈的相似性 人们大多选择社会地位.经济实力与自己相近的人为邻,而地理位置上的邻近性进一步增强了人们的相似性. 越是邻近的人,其可利用度也越高 邻居之间不用花费太多的时间和费用便可成为好朋友,而且有很多事可以相互嘱托,有快乐可以共同分享.比如可以请邻居照看孩子或房子,家里

连载:面向对象葵花宝典:思想、技巧与实践(31) - OCP原则

开闭原则是一个大部分人都知道,但大部分人都不懂的设计原则! ==================================================================== OCP,Open-Closed Principle,中文翻译为"开闭原则". 当我第一次看到OCP原则时,我的感觉就是这原则也太抽象了吧,什么开,什么闭呢? 然后我去寻找更加详细的答案,最经典也是最常见的解释就是维基百科了: http://en.wikipedia.org/wiki/Open

微软合伙人:创业后绝情决裂

<<<-------------  <_< 向左看 1981年,微软创始人保罗·艾伦和比尔·盖茨合影 一个把裤子提得老高,竖纹衬衫一直扣上顶的下巴尖尖的小男孩立在墙边,带着钦慕的目光,看着"老师"在计算机终端上操作."老师"穿着一件深色的西装,背微驼,分头,留着较长的鬓角,坐在一把硬木椅上,神情专注地盯着面前的文稿. 以上是比尔·盖茨和保罗·艾伦在湖滨中学的一副合影给人留下的第一印象.不过,看起来像师生关系的他们其实是同学,只是上不同的