微信游戏怎么玩？新手快速入门攻略看这篇就够了！

今儿个闲来无事，琢磨着玩点突然想起微信里头那些小游戏，平时就用来打发打发时间，感觉挺有意思的。心想，要不咱也来试试，看看能不能捣鼓出一个小游戏来？

动手前的准备

说干就干！先去翻翻微信官方的那些个文档，密密麻麻的字儿看得我头大。不过好歹是摸清点门路，知道要先准备个开发者工具。

安装好工具，这就算是迈出第一步。接下来就是新建项目，选个“小游戏”的模板，起个名儿，这就算是把架子搭起来。

小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区

开始折腾代码

对着那个空白的界面，一时半会儿还真不知道从哪儿下手。得，还是先从最简单的来，画个方块总会？

找找文档，发现有个叫 Canvas 的东西，好像就是用来画图的。照着例子，写几行代码：

• const canvas = *()



• const context = *('2d')
• * = 'red'
• *(10, 10, 50, 50)

保存，运行！还真出来个红色的方块，有点意思！

让方块动起来

光有个静止的方块可不行，得让它动起来才有意思。咋动？我想到小时候玩的那些个动画片，不就是一堆图片快速切换嘛这游戏应该也差不多。

又是一通翻文档，找到个叫 requestAnimationFrame 的函数，据说就是用来做动画的。琢磨半天，写段代码，让方块能左右移动：

• let x = 10
• function animate() {
• *(0, 0, *, *)



• x += 1
• if (x > 200) {
• x = 10
• *(x, 10, 50, 50)
• *(animate)



• animate()

保存，运行！哈哈，方块果然动起来，跟我想的一样！

加上点互动

能动是能动，但总觉得少点对，得能用手去点它，跟它互动才好玩！

继续翻文档，这回找到个 的函数，说是可以监听手指触摸屏幕的事件。这下有戏！

又是一番折腾，写段代码，让点击方块的时候，方块能变个颜色：

• *((event) => {
• const touch = *[0]
• if (touch.x >= x && touch.x <= x + 50 && touch.y >= 10 && touch.y <= 60) {



• * = 'blue'
• *(x, 10, 50, 50)

保存，运行！用手指一点，方块还真变颜色，有那味儿！

收工

折腾大半天，总算是捣鼓出个能动、能点的小玩意儿。虽然简单点，但好歹也是自己亲手做出来的，心里头还是挺得意的。

这回的经历也让我明白，做游戏这事儿，还真不是一朝一夕就能搞定的。不过只要有兴趣，肯花时间去琢磨，还是能做出点东西来的。下次有空，再继续研究研究，看看能不能做出个更复杂、更好玩的游戏来！