第一个微信小游戏
2018-05-29 本文已影响0人
chanming
一 背景
离职在即,咸鱼了几天,C++看不下去了,不如搞个小游戏好了。虽然我的平时各种吐槽各个游戏做的不咋样,但真的要自己来做游戏,也不知道做啥好。小时候很喜欢玩大富翁,喜欢这个打气球的游戏,要不就来做一个差不多的吧。
二 步骤
https://developers.weixin.qq.com/minigame/dev/index.html
官网下载了开发工具,选择小游戏,里面有个简单的demo。
安装完开发工具后选择小游戏,里面有一个打飞机的demo。并且有一些基础的介绍。
2.1我们先看下代码的结构。
基本上已经很明了,像base/libs/目录下面的,一看就是底层的东西,我们几乎是不用改的,所以可以先不动。
2.2替换游戏背景
- 第1处,替换掉对应的背景图片。
- 第2处,原先的屏幕是会滚动的,我们把偏移量注释掉,这样子背景图片就不会滚动啦。
2.3处理 原有的子弹跟飞机
-
main.js文件下,注释掉原有的每20帧就发射一颗炮弹的设定
- main.js文件下,注释掉原有的画主角飞机的方法。
把旧的飞机替换成泡泡
- enemy.js中,替换掉原有的图片。
- 因为每个泡泡都有各自的分值,所以需要多张图片,这里我也是怎么简单怎么来。
2.4修改游戏的主逻辑
-
原有的生成敌人的代码,增加了一些随机数,生成随机分值的泡泡还有泡泡的速度。
- 原有的点击事件,变成一点击就去判断是否跟泡泡有交集。这里因为后面我想做有特殊功能的泡泡,所以加分封装成泡泡的doAction的方法。
2.5删除一些无所谓的代码
三 一些坑
3.1 泡泡凭空消失
- databus.js 原有的回收对象里面,默认都是取队列的第一个元素。因为我们现在泡泡的速度不同,所以队头的不一定最先需要回收,所以这里再进行二次判断即可。
四 结尾
当然是小程序码啦,或者微信搜索泡泡球大作战。。(嗯,起一个名字可比起一个函数名难多了。)