微信小游戏 【开发】 自学总结

注册账号

账号注册
根据指引填写信息和提交相应的资料，服务类目应选择“游戏”，子类目可以先选择“休闲游戏”，就可以拥有自己的小游戏帐号

类名选择

制作流程

Step1: 在浏览器中打开制作工具
Step2: 通过 [新建小游戏/复制示例/改编他人作品] 等方式创建一个游戏项目
Step3: 导入素材，编辑场景，拖入积木，完善游戏
Step4: 在电脑上运行调试
Step5: 在移动端预览调试，也可以分享给他人体验
Step6: 发布到MP平台，完成小游戏

设计相关

1. 官方设定的设计尺寸是：750*1334，也就是iPhone 7的尺寸，可以完美的展示，为了适配iphoneX等长屏幕，尽量背景某方向大一些

2. 精灵，可以通过相对场景布局，来适配不同设备屏幕，保证其某方向位置保持

   
   相对定位

上传与审核

1. 上传游戏

• 基本流程： 申请的账号的微信号，扫码打开小游戏制作工具后，在 作品设置 - 上传到MP - 上传到微信公众平台，上传完毕后，即可在公众平台查看版本，以及进行后续的提审工作

• 上传到MP时候，需要注意 选择上传到MP账号：
  AppID列表会展示当前登录微信账号名，下所有小游戏MP账号（必须是开发者或者管理员）
  不要上传到错误的 微信小游戏 账号下，（微信小程序账号不会显示在此处列表内）

2. 配置MP资源白名单
   打包资源来自小游戏开发工具域名，所以在微信公众平台 开发白名单中，需要把开发工具域名输入，防止资源加载不出（音频）
   注意事项：
   发布为独立小游戏时必须在MP管理后台，【开发-开发设置-服务器域名】中设置downloadFile合法域名，能将素材加载到用户本地以便于再次启动时更快，不设置此项，声音资源可能会加载失败。 服务器域名设置：

https://game.weixin.qq.com;https://gamemaker.qpic.cn;https://gamemaker.weixin.qq.com;

3. 提交小游戏审核时，引擎选择
   游戏引擎一栏可以在[输入其他引擎]中输入《小游戏可视化制作工具》或者《微信小游戏制作工具》

4. 提审小游戏时，游戏资质需要提交附件

• 个人主体需提交：2个，《计算机软件著作权登记证书》、《游戏自审自查报告》
• 棋牌类目、需开通支付游戏需额外提交：《广电总局版号批文》
• 非个人主体需要提供： 《广电总局版号批文》 、《文化部备案信息》、《计算机软件著作权登记证书》、《游戏自审自查报告》

开发笔记

基本操作
视图编辑区域 ctrl+滚轮 - 放大或者缩小
视频编辑区域 空格 + 鼠标左键，进行视图拖拽 ---- (制作横版关卡类游戏必备)

1. 基本配置

• [横竖屏问题] - 小游戏横竖屏，在创建项目时候，可以设置，后续未找到修改位置

  
  横竖屏设置

1. 场景

• 主场景 右上角有房子的为主场景

  
  主场景

• 换主场景 - 多场景中，可以通过场景列表右上角三个点菜单，来切换

入口事件：

• 主场景中 可使用「当游戏开始时」作为启动事件，此事件只会触发一次 - (这个积木使用限制较多，只推荐在做简单的demo时使用)
• 其他场景 可通过「当场景启动时」作为启动事件 - （推荐所有入口都用此入口，作为启动场景的入口事件）

销毁场景

• 如果场景中存在动画，那么场景切换后，在回来，如希望动画为初始状态，则先销毁再跳转

  
  场景切换重置状态
• 如不存在移动和克隆体等、可直接跳转不用销毁

重启场景

• 「重启游戏」清除所有场景和数据，从主场景重新进入游戏
• 「重启当前场景」清除当前场景并重新进入，相当于销毁并切换，如果只是单独的关卡，建议使用此积木，但注意要手动重置变化的数据

2. 游戏适配模式

• [适配模式] 调整在移动端的适配模式，推荐竖屏游戏使用宽度适配，横屏游戏使用高度适配
• iphone7竖屏游戏背景采用 宽度适配，在iphoneX上，存在顶部背景铺不满的情况，如何解决？
  方法一，可以将背景尽量拉高，以iphoneX能用来做标准， - (推荐此方法)
  方法二，可以使用高度适配，但存在宽度溢出屏幕的情况，

3. 数据面板 - 通知
   通知 在积木只有两个，一个在控制中发送通知，一个在事件里接收通知
   当开始按钮被点击时，通知所有人开始游戏，是常用使用场景，通知对象是多众多目标
   如果被通知对象唯一，那么建议准确的选择而不是通知所有人，避免不必要的消耗 - (官方优化建议)

• [添加事件] - 当收到通知XXX
• [控制] - 通知 XXX XXX

4. 遥控杆是插件
   资源管理 - 添加素材 - 插件TAB

5. [行为] - 平台

• 二段跳的实现

  
  二段跳

• 角色触碰尖刺 双向弹开

  
  双向弹开

• 角色转向
  移动方向是 方向控制行为下新增的
  比较逻辑是运算下的，比较符号存在BUG，拖出来后，比较符可能会减少，--（注：提前选好比较符号，再拖出来）

角色转向

5. [行为] - 物理

• 二段跳的实现
  通过精灵身上添加变量，跳跃次数为2，在接收到跳跃通知时候，如果[物理]行为的垂直速度小于10，且存在可跳跃次数，设置物理行为的速度和方向，并减少1次跳跃次数即可

  
  物理行为实现二段跳跃

6. 文本相关

• [外观] - 修改 XXX 内容为 XXX
• [外观] - 获取 XXX 的文本

7. 移动

• [动画] - 自己在X秒滑行至XXX位置
• [行为-缓动] - XX 在 X 秒缩放至X:xxx Y:xxx

7. 关于精灵的旋转和面向

• 旋转 - 精灵内显示素材的操作
• 面向 - 精灵的移动方向的操作

精灵的二维坐标系

8. 精灵私有变量

• 只有在精灵身上时候，才可以通过 [数据] - 变量XXX 获取
• 只有在精灵身上时候，才可以通过 [数据] - 将XXX 设置成 XXX
• 精灵上私有变量修改，在精灵上会相互冲突

8.全局变量

• [数据] - 将XXX设置成XXX
• [数据] - 变量XXX

9. 不同场景中，如何防止精灵相互干扰
   重新通过 添加素材 可以反复加入精灵，选择相同素材，会成为独立的精灵

10. 场景切换相关

• 页面A跳转页面B，页面B完成一系列动画操作，返回页面A，再次跳转页面B，页面B会保留之前动画状态，而非初始状态。
  解决方法：
  页面A启动时候，销毁页面B，以及重置页面B中的全局变量

12. 摄影机 - 横版动作游戏
    设置摄影机的跟随对象为运动的精灵
    设置XXX为摄像机的世界区域

13. [行为] - 遮罩
    添加遮罩行为，然后设置遮罩类型，有原型、矩形、扇形、精灵
    遮挡的部分为显示的区域，可以通过变化精灵大小，实现图案类型的遮罩过场动画

积木脚本

1. 在积木脚本中，像经过XX秒进行XXX动画，都是逐一执行的，而非并行

• 判断：
  具有动画的积木是逐行执行的，而设置数据的积木虽然也是逐行执行，但可以看成是并行的，同步设置完成的
• 解决：
  将所有需要动画的精灵，通过通知进行动画，动画积木在精灵自身上编写，即可实现并行动画

2. 重复执行会阻挡后续代码执行

带解决问题

1. 多场景游戏中，重启当前场景，会造成BGM暂停
   暂处理手段: 把BGM作为普通音频进行播放，遇到需要重启当前场景的地方，先暂停音频，再开始播放这个音频。

2. 旋转物体时候，默认0度，如果逐步减少3度，会走到正300多度，显示时候会像挥动棒子一样，转小一圈，这不是想要的
   暂无处理方法？？？？？