野生程序君-零基础、零编程，轻松学会微信小游戏制作

如果你打开微信小游戏开发者工具，新建了一个项目，面对空白画面和一堆陌生面板不知道从哪下手——这门课就是补这一段的。它不讲编译原理，也不要求你事先会写 JavaScript，而是直接把「做一个小游戏」拆成可以照着敲的步骤。适合两类人：完全没碰过代码、但想做个小游戏给自己或朋友玩的；以及会一点前端、却没走过微信小游戏完整流程、想查漏补缺的。

先确认你是不是它的目标读者

这门课默认你从零开始，所以不会花时间解释「什么是变量」之外的东西，但也不会跳过任何一个需要你亲手配置的环节。判断标准很简单：

• 你能接受「先照着做出来，再回头理解为什么」的学习顺序。
• 你对微信小游戏的认识停留在「玩过跳一跳」，不知道它和网页小游戏、原生 App 的差别在哪。
• 你需要的是一条能跑通的路径，而不是一份完整的 API 手册。

反过来说，如果你已经能独立写出一个带碰撞检测的小游戏，或者想深入引擎源码和性能调优，这门课会显得偏浅，直接去看引擎官方文档更省时间。

它会带你走过哪几个卡点

微信小游戏的门槛从来不在「写逻辑」，而在几个具体的坎上，课程基本是围着这些坎展开的：

• 环境那一关。开发者工具怎么装、AppID 从哪来、项目目录结构长什么样，小游戏和普通小程序在文件组织上的差异，这些第一次接触最容易卡住。
• 画布与渲染。小游戏没有 DOM，画面靠 canvas 绘制。理解「每一帧重画一次」这件事，是从写网页转到写游戏的第一道思维切换。
• 游戏循环与状态。什么时候更新位置、什么时候判断输赢、分数怎么记，这些构成一个游戏的最小骨架。
• 交互与反馈。触摸事件怎么监听、按钮点击怎么响应、动画怎么让它动起来而不是闪一下。
• 跑起来之后。真机预览、分享转发、把项目提交出去需要准备什么。

这些点单独看都不难，难的是第一次没人告诉你它们存在。课程的价值就在于提前把坑标出来。

建议的看课方式

这类实战课最忌讳只看不敲。比较有效的做法是：每个小节结束后，把当节的代码自己重写一遍，哪怕照着抄；抄完改一个参数，看画面有什么变化。比如把重力值调大调小，把速度改一改，你对「参数如何影响手感」的理解会立刻具体起来。遇到报错先别急着往下翻，截图记下来，后面往往会在某一节被解释到。带着问题往下走，比一路顺畅地看完印象深得多。

学完之后，你应该能回答这些问题

• 微信小游戏和普通小程序，在运行环境上最本质的区别是什么？为什么它不能直接用网页那套写法？
• 一个游戏的主循环里，通常按什么顺序做「读输入、更新状态、重绘画面」这三件事？顺序换了会出什么问题？
• 玩家的手指点在屏幕上，从事件触发到画面上角色动起来，中间经过了哪几步？
• 如果想让角色跳跃手感更好，你会去调哪几个量？为什么调它们有用？
• 把一个做好的小游戏放到手机上给别人玩，需要哪几步？

能顺畅答出这几题，说明你不是「跟着视频做完了一个项目」，而是拿到了可以迁移到下一个项目的框架。答不上来的那一条，就是你需要回去再敲一遍的地方。缺什么补什么，比假装都会要划算。