用Canvas画出你的第一个网页小游戏

💻 Web游戏开发篇（HTML + JS）

在学习了前面几篇游戏逻辑篇后，我们终于要进入真正的 网页游戏开发 实战了。本篇将带你从零开始，用 HTML5 的 Canvas + JavaScript，绘制出你人生中的第一个网页小游戏雏形！

---

🧩 一、Canvas 是什么？

<canvas> 是 HTML5 新增的绘图标签，它提供了一块可以通过 JavaScript 操作的“画布”。你可以在上面绘制矩形、圆形、文字，甚至是动态的动画效果。
在网页游戏中，Canvas 相当于我们的“舞台”，所有角色、场景、特效都将在上面呈现。

<canvas id="gameCanvas" widt