跳过主要内容
全部合集

进阶 · 注册即可免费下载

Web 游戏起步包

路线图:引擎基础

PixiJS 官方 v8 skill(2D)、9 个 skill 的 Three.js 套件(3D 网页游戏)和我们测过的 glb 场景入门,附选型说明。

一个游戏只选一个渲染库。2D 用 PixiJS:精灵、界面多的游戏、解谜和街机。3D 用 Three.js:总导演 skill 会生成 Vite + TypeScript 的游戏工程,再把玩法、画面、UI、测试交给对应的 skill。第一个 3D 场景先用我们原创的 threejs-glb-scene-assembly:加载 Draco glb,在一个文件里接好水面、碰撞、粒子和声音,有「我们测过」徽章。三个都在无头 Chrome 里跑过。PixiJS 和 Three.js 两套还没有徽章:PixiJS 有 4 处示例对 pixi.js 8.22.0 是错的(详见它的页面),Three.js 有 4 个 skill 的 description 没写什么时候用。

下载合集

免费,不用付款,只需要登录。下面每个 skill 在自己的页面上也能单独免费下载。

给 agent 用:在设置里创建 API key,然后运行:

curl -fL -H "Authorization: Bearer $GAMESKILL_API_KEY" https://gameskill.dev/bundles/web-starter/download.zip -o web-starter.zip

按顺序用

  1. PixiJS Skills (official, v8)已站内托管 39/52,未挂徽章

    2D:PixiJS v8 初始化、场景树、资源、滤镜、性能(从 pixijs 路由 skill 开始)

    GameSkill 出品 · 基于 PixiJS(MIT)

    单独 ZIP
  2. Three.js Game Skills已站内托管 22/23,未挂徽章

    3D:Three.js 脚手架、玩法、画面、UI、调试和发布测试(从 threejs-game-director 开始)

    GameSkill 出品 · 基于 majidmanzarpour(MIT)

    单独 ZIP
  3. 3D 第一步:加载 Draco glb,搭一个能玩的小场景(GameSkill 原创,测过)

    GameSkill 出品 · MIT

    单独 ZIP

自检清单

  • 一个游戏只用一个渲染库:2D 用 PixiJS,3D 用 Three.js
  • PixiJS 按 v8 写:await app.init()、先画形状再 fill、混合模式用字符串
  • 先保证 npm run build 通过,再做画面优化
  • 改完画面跑一次画布检查:不是空白、没有超预算
  • 软件渲染下测的帧率不算数

每个 skill 都是原作者的作品,按原协议(MIT 或 Apache-2.0)原样收录,LICENSE、ATTRIBUTION.md 和 CHANGES.md 都在各自文件夹里。合集的说明和自检清单是我们写的,按 MIT 发布。标为 GameSkill 原创的 skill 也是我们写的(MIT),文件夹里有 LICENSE 和 CREDITS.md。