今天心血来潮,想搞个小游戏玩玩,就琢磨着做个“吃糖果”的游戏。别看名字简单,做起来还挺有意思的,现在就跟大家分享一下我的制作过程。
灵感来源
也没啥特别的灵感,就是刷手机的时候,看到那种消除类的小游戏,觉得挺好玩的。然后就想着,要不自己也弄一个类似的?不过我这人不喜欢一模一样的,就想加点自己的东西进去,于是就有这个“吃糖果”游戏。
动手开干
我先在纸上画画,大概想想游戏的样子。得有个游戏区域,然后糖果得能随机出现,还得有个东西来“吃”糖果。我这里用的是一个简单的“大嘴巴”图片来代表“吃糖果”的角色。
我就开始动手写代码。我用的工具嘛就是一个普通的文本编辑器,外加浏览器。对,就这么简单!
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
- 第一步:搭个框架。先用 HTML 搭个基本的页面框架,弄个
<canvas>
元素,这就是我的游戏区域。 - 第二步:画出东西。然后用 JavaScript 在
<canvas>
上面画东西。先画个背景,就是一个简单的纯色。然后画那个“大嘴巴”,还有各种颜色的糖果。 - 第三步:让它动起来!这一步比较关键,我得让“大嘴巴”能根据我的操作移动,还得让糖果随机出现,并且被“大嘴巴”碰到的时候就消失。这里我用一些简单的数学计算,来判断“大嘴巴”和糖果是不是碰到。
遇到的困难
做的时候当然也遇到一些问题,比如说:
- 糖果出现的位置太规律,一点都不随机。后来我查查资料,用个叫 的东西,才让糖果的位置变得“飘忽不定”。
- 还有就是,“大嘴巴”吃糖果的判定范围有点问题,有时候明明碰到,却没反应。后来我仔细调调碰撞检测的代码,才算搞定。
最终效果
经过一番折腾,游戏总算是做出来。虽然看起来很简单,但是玩起来还挺有意思的。看着“大嘴巴”把糖果一个个吃掉,还挺有成就感的!
这回做小游戏的经历,让我觉得,做游戏也没那么难嘛只要你有想法,肯动手,就能做出属于自己的小游戏!