第一个微信小游戏

一 背景


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

四 结尾

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Layabox新建文件 步骤一:选中bin右键单击,然后左键点击“新建文件”,在bin目录下建立一个HelloLa...
    黑姐姐阅读 13,695评论 0 5
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,149评论 25 709
  • 有些时候有等于没有, 有些时候有不如没有。 没有时,别人知道你没有! 但有时,别人以为你有, 其实只有你知道根本没...
    秋悦YY阅读 1,924评论 0 0
  • 好像做什么事情都需要一个由头,希望出现一个什么契机然后开始做一件事,其实都特么是拖延症的借口。想想觉得挺扯淡的,索...
    小哲粑粑阅读 2,555评论 2 1
  • 如果还写那篇题为‘我的理想’的作文儿 一定要坚定的写,我以后要当个作家 对,就是那种写童话故事的人儿 故事里 相遇...
    高山子阅读 1,365评论 0 1