美文网首页
第一个微信小游戏

第一个微信小游戏

作者: chanming | 来源:发表于2018-05-29 17:59 被阅读0次

一 背景


离职在即,咸鱼了几天,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 原有的回收对象里面,默认都是取队列的第一个元素。因为我们现在泡泡的速度不同,所以队头的不一定最先需要回收,所以这里再进行二次判断即可。

四 结尾

当然是小程序码啦,或者微信搜索泡泡球大作战。。(嗯,起一个名字可比起一个函数名难多了。)

相关文章

网友评论

      本文标题:第一个微信小游戏

      本文链接:https://www.haomeiwen.com/subject/dujajftx.html