JDhruv14/ascii-diorama

选用指南

AI 根据 README 整理 · 2026/11/3 10:36:22

使用方式

通过Claude Code调用技能，或手动运行脚本在浏览器中预览和编辑场景。

查看 README 依据

git clone https://github.com/JDhruv14/ascii-diorama ~/.claude/skills/ascii-diorama ``` Claude Code picks it up automatically. Ask for something like "an ASCII diorama of a fishing harbour", or run `/ascii-diorama`. To update later: ```bash git -C ~/.claude/skills/ascii-diorama pull ``` ### Requirements - Node.js 18+ - `three` and `esbuild` installed in or above the scene folder: ```bash npm i three esbuild ``` - A browser with WebGL 2 ## Use it by hand Set up a scene from the starter: ```bash mkdir -p my-scene && cp ~/.claude/skills/ascii-diorama/templates/scene/* my-scene/

bash ~/.claude/skills/ascii-diorama/scripts/fetch-assets.sh my-scene ``` Run it: ```bash node ~/.claude/skills/ascii-diorama/scripts/serve.mjs my-scene ``` Open `http://127.0.0.1:5173/`. Reload the page after editing `my-scene/main.js`, and press Space to pause. For a static copy, `index.html`, `build/main.js` and `assets/` are everything the page needs. ## How it works 1. Each material writes a surface class (grass, water, stone and so on) into the alpha channel of a half-float render target.

部署要求

需要Node.js 18+、three和esbuild依赖，以及支持WebGL 2的浏览器。

查看 README 依据

git clone https://github.com/JDhruv14/ascii-diorama ~/.claude/skills/ascii-diorama ``` Claude Code picks it up automatically. Ask for something like "an ASCII diorama of a fishing harbour", or run `/ascii-diorama`. To update later: ```bash git -C ~/.claude/skills/ascii-diorama pull ``` ### Requirements - Node.js 18+ - `three` and `esbuild` installed in or above the scene folder: ```bash npm i three esbuild ``` - A browser with WebGL 2 ## Use it by hand Set up a scene from the starter: ```bash mkdir -p my-scene && cp ~/.claude/skills/ascii-diorama/templates/scene/* my-scene/

已知限制

部分资源（如狐狸模型）需遵循CC BY 4.0许可，使用时需注明来源。

查看 README 依据

`fetch-assets.sh` downloads the following (none of these files are stored in this repo): | Asset | Source | Licence | |---|---|---| | Textures: `leafy_grass`, `coast_sand_01`, `aerial_rocks_02`, `castle_wall_slates`, `weathered_planks`, `bark_brown_02` | [Poly Haven](https://polyhaven.com) | CC0 | | Fox model | PixelMannen, via [Khronos glTF Sample Assets](https://github.com/KhronosGroup/glTF-Sample-Assets/tree/main/Models/Fox) | CC0 | | Fox rig and animation | tomkranis | CC BY 4.0, credit required | | Fox glTF conversion | @AsoboStudio and @scurest | CC BY 4.0, credit required |

If what you publish shows the fox, credit tomkranis, @AsoboStudio and @scurest. ## Licence The code and skill text in this repository are released under the [MIT License](LICENSE).