2015年08月_lanix516

原创如何使用Createjs来编写HTML5游戏（八）通过继承扩展EaselJS中的基础元素

从我第一天了解到javascript开始，就听说在这里是没有类的。其实一开始我是沮丧的，尽管我并不知道有没有“类”对编程究竟有多大影响，不过有缺憾总是让人感觉遗憾，哪怕这是一个你可能永远不会用到的东西。确实，在没有任何自定义“类”的情况下，也能做出一款打飞机的游戏。我们用到的是EaselJS中所定义的一些可以重复使用的对象，并且这些对象包含一些类似于类的行为，比如可以new 一个新的对象实例。...

2015-08-10 18:04:12 3340 1

原创如何使用Createjs来编写HTML5游戏（七）完成一个简单的打飞机游戏（下）

有了游戏中需要的所有元素（战机、敌机、星空、子弹），并且飞机可以响应按键左右的移动，剩下的东西就是让子弹动起来，并且检测游戏内各个元素的碰撞情况。首先是星空的移动，让星空从屏幕上方向下移动，这样可以造成一种飞机一直在前进的相对的错觉，所有的星星事先都已经保存在一个数组当中，只要通过循环，取出其中的每个星星，在tick中重设Y坐标就可以了。

2015-08-09 23:40:41 5587 3

原创如何使用Createjs来编写HTML5游戏（六）完成一个简单的打飞机游戏（上）

打飞机游戏雷电是一款经典的空战游戏，利用已知的CreateJS知识就可以很容易的做出一款类似的打飞机游戏。首先，弄一些游戏需要的资源，做这样的一个小游戏，首先需要一架玩家操控的飞机图片，然后是可以击落的敌机图片，连续的爆炸图片来组成一个爆炸的动画Sprite，开枪的声音，爆炸的声音，星空的背景，然后使用TexturePacker把这些图片合并成一张图片，并获得一个json文件，其中的数据可以用

2015-08-08 13:31:00 7539 5

原创如何使用Createjs来编写HTML5游戏（五）PreloadJS和SoundJS

CreateJS最后两个部分，PreloadJS用来加载并统一管理你游戏中用到资源，图片，json文件等等，而SoundJS用来播放声音，两者的用法都非常的简单而且固定。

2015-08-07 00:02:18 5594

原创如何使用Createjs来编写HTML5游戏（四）TweenJS和Tick动画

CreateJS包含4个部分，EaselJS、TweenJS、PreloadJS、SoundJS，其中最主要的部分EaselJS包含了开发Html5游戏的所有功能，仅仅使用EaselJS几乎可以完成所有的开发工作，其余三项可以看作EaselJS的辅助工具。比如响应tick事件然后改变元素坐标就可以实现动画功能，而使用TweenJS来创建补间动画，则可以省去你很多代码，简化了操作。一个简单的ti

2015-08-06 21:39:09 17851

原创如何使用Createjs来编写HTML5游戏（三）使用EaselJS中的制作Sprite类制作

动画的制作原理据说是由于人的视觉残留效应，连续播放一系列的静止图片，即可获得一段动画，每张图片可以称作动画的一帧，在EaselJS中，提供了一个Sprites类，可以用来创建动画。创建Sprite同创建其他EaselJS对象实例一样，只需要调用new createjs.Sprite(spriteSheet);

2015-08-05 19:47:05 9586 2

原创如何使用Createjs来编写HTML5游戏（二）使用EaselJS处理图片

如何使用EaselJS载入图片并进行简单的处理使用EaselJS中的Shape()来创建图形，EaselJS中还提供Bitmap可以很方便的载入图片，同Shape一样只需要创建一个Bitmap。var bg = new createjs.Bitmap("./background.png");stage.addChild(bg);stage.update();直接创建并导入到S

2015-08-04 20:30:21 8243 3

原创如何使用Createjs来编写HTML5游戏（一）EaselJS简介

游戏框架CreateJS中的EaselJS介绍，初级入门。包含如何创建文字，图形，事件监听等，并通过这些组成一些简单的游戏和工具，HTML5编程初学入门。

2015-08-03 20:00:55 12639 3

失业矿工的博客