手机网页游戏开发入门，3个步骤从零开始

很多朋友想试着做手机网页游戏，感觉门槛高得不得了。实际上，从零做一个能在微信里直接打开、朋友能一起玩的小游戏，并没有想象中那么复杂。你不需要懂编译原理，不需要学C++，更不需要买个服务器。准备好浏览器和记事本，跟着这三个步骤走，一个小时后你就能让朋友点开链接玩到你的作品。

第一步：搭建“一支笔一张纸”的编程环境

手机网页游戏的本质，是浏览器能解读的代码文件。你需要两个最基础的工具：一个写代码的编辑器，一个手机或电脑上的浏览器。

编辑器推荐VS Code。它是免费的，但如果你懒得下载，用电脑自带的记事本也可以，把文件后缀名从.txt改成.html就行。浏览器用Chrome、Safari或微信内置浏览器都可以，它们都支持HTML5标准。

创建一个文件夹，比如“my_game”。在里面新建一个文本文档，把文件名改成`index.html`。右键用记事本打开，把下面的基础框架复制进去：

```html

```

这里最关键的一行是``，它告诉浏览器按手机屏幕宽度渲染，禁止用户缩放，这样游戏画面就不会跑偏。`user-scalable=no`是防止玩家双指缩放破坏体验。

第二步：用Canvas画出一个能动的世界

手机网页游戏的核心绘图技术叫Canvas——你可以把它想象成一块画布，你在上面画圆、画方块、写文字，然后把它们擦掉再画，一秒钟画60次，看起来就像动起来了。

在刚才的`