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

第一个微信小游戏

作者: 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