教程

通过RSS订阅

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

入门

• Canvas 2D 游戏循环基础 — 构建稳固的游戏循环基础
• 游戏开发者的 WebGL 基础 — GPU 渲染基础
• WebGPU 入门 — 下一代现代 GPU API

输入与控制

• 游戏输入处理（键盘、鼠标、触摸、手柄） — 跨设备统一输入
• 网页游戏的 Gamepad API — 主机级别的手柄支持
• FPS 游戏的指针锁定 — 鼠标视角摄像机控制

图形与渲染

• 响应式游戏画布 — 像素完美的缩放
• 像素艺术渲染 — 清晰的复古图形
• 游戏中的文本渲染 — 从简单标签到对话系统

音频

• 游戏的 Web Audio API — 音效、音乐和空间音频

数据与存储

• 使用 IndexedDB 保存和加载 — 持久化游戏存档
• 流式资源加载 — 渐进加载，更快开玩

性能与优化

• 发布一个快速加载的网页游戏 — 实用性能清单
• 游戏逻辑的 Web Workers — 卸载繁重计算
• 启用 Wasm 线程（SharedArrayBuffer） — 跨域隔离设置

网络

• WebSocket 多人游戏基础 — 实时多人游戏模式

移动端与平台

• 移动端友好的网页游戏 — 触控、性能和响应式设计
• 离线游戏的 PWA — 随处安装和游玩
• 游戏缓存的 Service Workers — 重复访问即时加载
• Iframe 嵌入最佳实践 — 让你的游戏可以在任何地方嵌入

VR/XR

• VR 游戏的 WebXR 基础 — 浏览器中的 VR 体验

分析与监控

• 网页游戏分析 — 追踪重要指标