基于引擎开发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关系类似，不多解释
• 添加子弹和爆炸：和前面一样