HTML游戏2

自制粗劣HTML游戏

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

中山大学

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

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

这里写图片描述

这里写图片描述

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

这里写图片描述

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

当玩家挂掉或顺利通关的时候,会出现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:
见下图

这里写图片描述
这里写图片描述

抠抠视频秀制作的动图:

这里写图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值