教程

通过 RSS 订阅

构建网页游戏的实战指南。每个教程都是独立的，包含可直接复制粘贴的代码。

入门

Canvas 2D 游戏循环基础 构建稳固的游戏循环基础 阅读全文 →

游戏开发者的 WebGL 基础 GPU 渲染基础 阅读全文 →

WebGPU 入门 面向下一代的现代 GPU API 阅读全文 →

物理

网页游戏的物理引擎 对比 Rapier、Cannon-es、Ammo.js、Matter.js、Planck.js 等 阅读全文 →

输入与控制

游戏输入处理（键盘、鼠标、触摸、手柄） 跨设备统一输入 阅读全文 →

网页游戏的 Gamepad API 主机级别的手柄支持 阅读全文 →

FPS 游戏的指针锁定 鼠标视角摄像机控制 阅读全文 →

图形与渲染

响应式游戏画布 像素完美的缩放 阅读全文 →

像素艺术渲染 清晰的复古图形 阅读全文 →

游戏中的文本渲染 从简单标签到对话系统 阅读全文 →

音频

游戏的 Web Audio API 音效、音乐和空间音频 阅读全文 →

Tone.js 游戏音频 合成音效和动态音乐 阅读全文 →

数据与存储

使用 IndexedDB 保存和加载 持久化游戏存档 阅读全文 →

流式资源加载 渐进加载，更快开玩 阅读全文 →

性能与优化

发布一个快速加载的网页游戏 实用性能清单 阅读全文 →

游戏逻辑的 Web Workers 卸载繁重计算 阅读全文 →

启用 Wasm 线程（SharedArrayBuffer） 跨域隔离设置 阅读全文 →

网络

WebSocket 多人游戏基础 实时多人游戏模式 阅读全文 →

移动端与平台

移动端友好的网页游戏 触控、性能和响应式设计 阅读全文 →

离线游戏的 PWA 随处安装和游玩 阅读全文 →

游戏缓存的 Service Workers 重复访问即时加载 阅读全文 →

Iframe 嵌入最佳实践 让你的游戏可以在任何地方嵌入 阅读全文 →

VR/XR

VR 游戏的 WebXR 基础 浏览器中的 VR 体验 阅读全文 →

分析与监控

网页游戏分析 追踪重要指标 阅读全文 →

工具与工作流

Agentic AI 编程工具 精通 Claude Code、Cursor 和 GitHub Copilot 阅读全文 →