教程

通过 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