基于引擎开发HTML5游戏实战（三）---组织游戏元素

STEP3 设计游戏UI

这也是游戏***的重中之重，当然这也是很多草根团队最犯难的，大家大多都是程序员出生，没几个能徒手设计出游戏级别的素材。这一个只能去找专业的UED，再个得靠平时的收集。下面是本次实战要用到的素材：

背景：



英雄：



怪兽：



子弹：



爆炸：



下载这些图片用于后面***

STEP4 ***背景和添加游戏元素
这个部分是招演员和布置场景

1）新建一个project

2）设置游戏背景：insert new object -> Tiled Background -> Load a image from a file -> 选择背景图片bg.png -> 编辑position: 0,0 -> 编辑size: 1280, 1024



3）添加游戏元素

添加鼠标和键盘对象，用于游戏控制：insert new object -> mouse/keyboard
添加图层，并在新图层上高亮，有别于背景：



添加英雄：insert new object -> Sprite -> Load a image from a file -> 选择player.png

或者直接把图片拖进来
添加怪兽：类似于添加英雄，只不过最后复制多个，而复制出来的就是instance，这个和class与instance关系类似，不多解释
添加子弹和爆炸：和前面一样