MisonL
MisonL/Ling
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.
npx skills add https://github.com/MisonL/Ling --skill web-games명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
SOC 직업 분류 기준
SKILL.md 표시 중
| name | web-games |
| description | Web 浏览器游戏开发原则。框架选择、WebGPU、优化、PWA。 |
| allowed-tools | Read, Write, Edit, Glob, Grep |
框架选择与浏览器特定原则。
什么类型的游戏？
|
+-- 2D 游戏
| +-- 完整的游戏引擎功能？ -> Phaser
| +-- 原始渲染能力？ -> PixiJS
|
+-- 3D 游戏
| +-- 完整引擎（物理、XR）？ -> Babylon.js
| +-- 渲染聚焦？ -> Three.js
|
+-- 混合 / Canvas
+-- 自定义 -> Raw Canvas/WebGL
| 框架 | 类型 | 最适合 |
|---|---|---|
| Phaser 4 | 2D | 完整游戏功能 |
| PixiJS 8 | 2D | 渲染、UI |
| Three.js | 3D | 可视化、轻量级 |
| Babylon.js 7 | 3D | 完整引擎、XR |
| 浏览器 | 支持 |
|---|---|
| Chrome | [OK] 自 v113 起 |
| Edge | [OK] 自 v113 起 |
| Firefox | [OK] 自 v131 起 |
| Safari | [OK] 自 18.0 起 |
| 总计 | ~73% 全球 |
navigator.gpu| 限制 | 策略 |
|---|---|
| 无本地文件访问 | 资产打包、CDN |
| 标签页节流 | 隐藏时暂停 |
| 移动数据限制 | 压缩资产 |
| 音频自动播放 | 需要用户交互 |
| 类型 | 格式 |
|---|---|
| 纹理 | KTX2 + Basis Universal |
| 音频 | WebM/Opus（回退：MP3） |
| 3D 模型 | glTF + Draco/Meshopt |
| 阶段 | 加载 |
|---|---|
| 启动 | 核心资产，<2MB |
| 游戏过程 | 按需流式传输 |
| 后台 | 预取下一关 |
| [FAIL] 禁止 | [OK] 推荐 |
|---|---|
| 一次性加载所有资产 | 渐进式加载 |
| 忽略标签页可见性 | 隐藏时暂停 |
| 阻塞在音频加载上 | 懒加载音频 |
| 跳过压缩 | 压缩一切 |
| 假设快速连接 | 处理慢速网络 |
记住： 浏览器是最易访问的平台。尊重它的限制。