createjs
文章平均质量分 65
k_shl_2011
这个作者很懒,什么都没留下…
展开
-
createjs初学-制作一个简单的TextButton
这个例子是从 Beginning HTML5 Games with CreateJS里学来的,我自己简单做了一个。这个TextButton很简单,只有两部分,一个部分是button的Label,要显示的标签,使用createjs.Text实现;另外一部分是button的背景,会根据鼠标事件发生变化,使用createjs.Shape实现。原创 2015-07-27 09:41:11 · 3270 阅读 · 0 评论 -
createjs-打豆豆小游戏制作(3)
前面介绍过了打豆豆小游戏的入口和各个场景之间的切换,这一篇介绍一下Ball.js这个类和GameScene.js这个主要游戏场景这个类。在游戏中有十种不同颜色的小球,当你点到正确的位置,小球就可以消除,在小球消除的时候有一个掉下来的动画。原创 2015-09-16 23:11:45 · 1905 阅读 · 0 评论 -
createjs-打豆豆小游戏制作(2)
上一篇中介绍了这个小游戏的主要部分和用到的两个类,这篇介绍app.js这个类,这里面主要的就是游戏的入口和各个场景之间的切换。原创 2015-09-16 22:42:48 · 1520 阅读 · 0 评论 -
createjs-打豆豆小游戏制作(1)
在学习了createjs一段时间以后,自己做了一个打豆豆小游戏。以前玩过flash版的,非常喜欢,于是就自己做了一个。下面是最终的效果图: 游戏规则: 点击空白方格,在方格所在的十字上,相同颜色的豆豆即可消除,并得到分数。原创 2015-09-16 15:21:20 · 2614 阅读 · 1 评论 -
createjs初学-关于getBounds和getTransformedBounds
在现在的easeljs中,显示对象没有width和height属性(我现在用的版本是0.8.1)。要想获得一个显示对象的宽高,可以用getBounds这个方法。原创 2015-08-19 16:29:10 · 4558 阅读 · 0 评论 -
createjs初学-关于Ticker
tick本来的意思是钟表的滴答声,在createjs中的Ticker当然就是于时间相关的。Ticker是一个静态类,提供了好多静态方法和属性,不要去实例化它。在API文档中对Ticker的介绍是它是一个集中的间隔广播,侦听tick时间后再设定的时间间隔会调用侦听函数。原创 2015-08-14 11:22:50 · 6791 阅读 · 0 评论 -
createjs初学-简单的图片拖拽
在createjs中实现拖拽特别简单,基本上就是侦听一个pressmove事件就可以了原创 2015-07-22 11:14:19 · 2686 阅读 · 0 评论 -
createjs初学-关于cache
在DisplayObject中有一个cache方法,在这里介绍一下。这个方法是把显示对象画到一个新的canvas中。这样一些不经常变化的复杂的显示对象性能上会优化好多(比如说有许多子对象的容器或者复杂的Shape)。原创 2015-08-13 16:23:08 · 2547 阅读 · 0 评论 -
createjs初学-BitmapText使用实例
BitmapText就是用SpriteSheet中定义的图片来显示相应的文字,构造函数如下BitmapText ([text=""] [spriteSheet=null] ) 有两个参数,都是可选的 text表示要显示的文字,spriteSheet是使用的spriteSheet原创 2015-07-31 16:01:14 · 4565 阅读 · 2 评论 -
createjs初学-创建一个button
在createjs中创建button是用ButtonHelper,实际上还要用到Sprite和SpriteSheet这两个类。下面是一个最简单的button。原创 2015-07-20 13:54:48 · 3603 阅读 · 0 评论 -
createjs初学-所有的显示对象介绍(2)
在前一篇中我简单介绍了一下DisplayObject的子类们,在这篇里介绍一下Container的一个子类—Stage。原创 2015-07-29 17:41:27 · 1287 阅读 · 0 评论 -
createjs初学-所有的显示对象介绍(1)
在createjs中显示对象都是继承自DisplayObject这个类,下面这个图可以直观的看出继承关系。下面我就简单介绍一下这几个显示对象的基本用法。原创 2015-07-28 15:45:16 · 2815 阅读 · 0 评论 -
createjs初学-preloadJS的使用
preloadJS是没有包含在easelJS库中,使用的话去官网下载一下就好了原创 2015-08-07 13:28:01 · 8833 阅读 · 0 评论 -
createjs-打豆豆小游戏制作(4)
在前面游戏的主要部分已经完成了,然后就是一些次要的场景了,包括菜单、游戏得分结果、游戏设置界面(其实只有一个设置音效是否打开)和游戏的说明界面。原创 2015-09-17 17:26:30 · 1554 阅读 · 0 评论