HTML游戏2

自制粗劣HTML游戏

板块一:游戏策划:
为了运用我们学到的知识,今天我制作了一个十分粗劣的小游戏
制作过程如下:
首先选择几张需要的图片
比如:
HTML游戏2

HTML游戏2

等等这些图片,并将其处理后使其大小符合要求:
之后我们开始编辣鸡游戏:
首先跟教程一样操作:
HTML游戏2
之后我们对这个游戏进行不一样的操作:
如果要输入一个没有数据仅有文本的内容,就选择text中的Append to;
而如果输入一个既有数据又有文本的内容,则选择text中的set text to.

HTML游戏2

HTML游戏2

接下来就出现了这个游戏的难度设置如下图:每过一会儿,屏幕上就会同时出现两个敌方(zs大学)和一个友方(sys大学),由于敌方多于友方(而且未经碰撞不会死掉),所以这个游戏会随着分数和时间的累积越来越难

HTML游戏2

而由于还设置了飞向玩家奥特曼,所以过三十秒后就会满屏幕出现图标,所以这个游戏还是有点难的,毕竟会出现那么多相似的图标(但这也改变不了它作为辣鸡游戏的本质)

当玩家挂掉或顺利通关的时候,会出现game over的字样,如果通关则还会有分数的显示,这样随着玩家操作的奥特曼的消失,游戏结束了(通过添加keyboard对象或使用mouse对象还可以得到空格或单击RESTART的效果
板块2:游戏设计:

CRC卡片:
+————————————-+
monster1
Collaborator:bullet
attribute&events&actions:
见下图

monster2
Collaborator:bullet
attribute&events&actions:
见下图

sprite3:
Collaborator:bullet
attribute&events&actions:
见下图

HTML游戏2
HTML游戏2

抠抠视频秀制作的动图:

HTML游戏2