文章标题

来源:互联网 发布:攻心之知错不能改 编辑:程序博客网 时间:2024/06/07 01:26

自制粗劣HTML游戏

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

中山大学

等等这些图片,并将其处理后使其大小符合要求:
之后我们开始编辣鸡游戏:
首先跟教程一样操作:

之后我们对这个游戏进行不一样的操作:
如果要输入一个没有数据仅有文本的内容,就选择text中的Append to;
而如果输入一个既有数据又有文本的内容,则选择text中的set text to.

这里写图片描述

这里写图片描述

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

这里写图片描述

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

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