今天心血来潮,想搞个火柴人打枪的小游戏,就那种简单的,能在网页上点点就能玩的。
一开始啥也不懂,就在网上瞎搜,看看人家都咋做的。看到一堆“火柴人射击英雄”、“火柴人枪战模拟器”之类的,感觉都挺复杂,我这小胳膊小腿的估计整不来。
后来看到有人说可以用简单的 HTML 和 JavaScript 来做,我就琢磨着试试这个。
画火柴人
先得有个火柴人!我一开始想用图片,但后来发现直接用代码画更方便。用几个简单的线条,拼拼,就画出一个火柴人。你还别说,还真有点那个意思!
- 先画个圆圈当脑袋;
- 再来一条竖线当身体;
- 胳膊和腿就用斜线比划一下;
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
就这么简单,一个火柴人就诞生!
让火柴人动起来
光站着不动那多没意思,得让火柴人动起来!
我用 JavaScript 里的键盘事件,就是按键盘上的方向键,火柴人就跟着移动。左箭头就往左跑,右箭头就往右跑,简单粗暴!
加上枪和子弹
火柴人有,也动起来,接下来就该给他配把枪。
枪我也是用线条画的,就一个长方形,简单明。子弹嘛就用一个小圆点表示。
然后,我琢磨着怎么让子弹飞出去。还是用 JavaScript,设置一个定时器,每隔一段时间,就让子弹的位置变化一下,看起来就像子弹在飞一样。
我又加个开枪的动作,按空格键,就从枪口“biu”地发射出一颗子弹。为看着更带劲,我还给子弹加个“尾巴”,就是一个逐渐消失的小点点,看着像那么回事儿!
加上点“敌人”
光自己打枪多无聊,得有点“敌人”才刺激嘛
我又画几个火柴人,当做“敌人”。这些“敌人”傻乎乎地站在那里,等着挨打。
我加个简单的碰撞检测,就是判断子弹和“敌人”有没有碰到一起。碰到,“敌人”就消失,表示被打中。
这么一通折腾,一个简单的火柴人打枪游戏就差不多完成。虽然简陋,但也能玩,还挺有成就感的!哈哈,下次再琢磨着加点新花样!