AgentStack
Browse Sign in
Browse Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Web Games

skill-misonl-ling-web-games · by MisonL

Web 浏览器游戏开发原则。框架选择、WebGPU、优化、PWA。

↗ Website ↗ Repository
— No reviews yet
0 installs
37 views
0.0% view→install

Install

$ agentstack add skill-misonl-ling-web-games

✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

View the full security report →

Verified badge

Passed review? Show it. Paste this badge into your README, it links to the public security report.

AgentStack Verified badge Links to your public security report.
[![AgentStack Verified](https://agentstack.voostack.com/badges/verified.svg)](https://agentstack.voostack.com/security/report/skill-misonl-ling-web-games)

Reliability & compatibility

✓ Security review passed
0 installs to date
— no reviews yet
○ 6mo ago

Declared compatibility

Claude CodeClaude Desktop

Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.

Preview Execution monitoring

We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.

How agent discovery & health will work →
Are you the author of Web Games? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

Web 浏览器游戏开发

> 框架选择与浏览器特定原则。

1. 框架选择

决策树

什么类型的游戏？
|
+-- 2D 游戏
|   +-- 完整的游戏引擎功能？ -> Phaser
|   +-- 原始渲染能力？ -> PixiJS
|
+-- 3D 游戏
|   +-- 完整引擎（物理、XR）？ -> Babylon.js
|   +-- 渲染聚焦？ -> Three.js
|
+-- 混合 / Canvas
    +-- 自定义 -> Raw Canvas/WebGL

对比（2025）

| 框架 | 类型 | 最适合 | | --- | --- | --- | | Phaser 4 | 2D | 完整游戏功能 | | PixiJS 8 | 2D | 渲染、UI | | Three.js | 3D | 可视化、轻量级 | | Babylon.js 7 | 3D | 完整引擎、XR |

2. WebGPU 采用

浏览器支持（2025）

| 浏览器 | 支持 | | --- | --- | | Chrome | [OK] 自 v113 起 | | Edge | [OK] 自 v113 起 | | Firefox | [OK] 自 v131 起 | | Safari | [OK] 自 18.0 起 | | 总计 | ~73% 全球 |

决策

  • 新项目：使用 WebGPU，并提供 WebGL 回退
  • 遗留支持：从 WebGL 开始
  • 特性检测：检查 navigator.gpu

3. 性能原则

浏览器限制

| 限制 | 策略 | | --- | --- | | 无本地文件访问 | 资产打包、CDN | | 标签页节流 | 隐藏时暂停 | | 移动数据限制 | 压缩资产 | | 音频自动播放 | 需要用户交互 |

优化优先级

  1. 资产压缩 - KTX2、Draco、WebP
  2. 懒加载 - 按需加载
  3. 对象池 - 避免 GC
  4. 绘制调用合批 - 减少状态变更
  5. Web Workers - 卸载繁重计算

4. 资产策略

压缩格式

| 类型 | 格式 | | --- | --- | | 纹理 | KTX2 + Basis Universal | | 音频 | WebM/Opus（回退：MP3） | | 3D 模型 | glTF + Draco/Meshopt |

加载策略

| 阶段 | 加载 | | --- | --- | | 启动 | 核心资产， 记住： 浏览器是最易访问的平台。尊重它的限制。

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

  • Author: MisonL
  • Source: MisonL/Ling
  • License: MIT
  • Homepage: https://www.npmjs.com/package/@mison/ling

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet, be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Agent Skills