该技能模板整理浏览器游戏开发的选型与优化原则。
用途：为 2D/3D 浏览器游戏选择框架，并按浏览器限制优化性能与资源。
主要能力与建议：框架选型决策树——2D 全功能游戏引擎选 Phaser，2D 原始渲染能力选 PixiJS，3D 全引擎（含物理、XR）选 Babylon.js，3D 渲染为主选 Three.js，混合或 Canvas 场景可自建 Raw Canvas/WebGL。
WebGPU：2025 年 Chrome、Edge 自 v113 起支持，Firefox 自 v131，Safari 自 18.0，全球约 73%；新项目建议 WebGPU 并提供 WebGL 回退，需兼容旧环境则先用 WebGL，可通过 navigator.gpu 做特性检测。
性能原则：浏览器无本地文件访问，资源需打包或走 CDN；标签页会被节流，隐藏时应暂停；移动端流量有限，资源需压缩；音频自动播放受限，需用户交互。优化优先级：资源压缩（KTX2、Draco、WebP）、懒加载、对象池、绘制调用批处理、Web Worker 卸载重计算。
资源策略：纹理用 KTX2 + Basis Universal，音频用 WebM/Opus（回退 MP3），3D 模型用 glTF + Draco/Meshopt；启动阶段加载核心资源（小于 2MB），游戏过程中按需流式加载，后台预取下一关。
PWA：可离线游玩、安装到主屏、全屏模式、推送通知，需 Service Worker 缓存、Web App Manifest 和 HTTPS。
音频：AudioContext 需用户交互后创建（首次点击/触摸），挂起时需恢复；建议使用 Web Audio API、池化音频源、预加载常用音效、用 WebM/Opus 压缩。
反模式：避免一次性加载全部资源、忽略标签页可见性、阻塞式加载音频、跳过压缩、假设网络很快；应改为渐进加载、隐藏时暂停、懒加载音频、全面压缩、处理慢网络。
限制：资料未提供具体框架版本细节以外的实现代码、价格或平台信息，也未提供安装命令。