- 来源
- GitHub
- 值得薅指数
- 76 / 100
结论先说:ascii-diorama 是一个把 3D 微缩世界画成 ASCII 字符的 Claude Code Skill:Three.js 渲染的小世界,逐像素转成彩色等宽字符,移轴模糊一加,远看像微缩模型、近看是字符画,在浏览器里循环播放。GitHub API 核验:95 个 star、3 个 fork,MIT 许可,2026 年 11 月 2 日创建并推送,仓库根目录含 SKILL.md、scripts/、templates/,只有 26 KB。
它是什么
一个给 Claude Code 用的视频 Skill:镜头从高处俯视一个 Three.js 微缩场景,缓慢来回扫,画面上下两端模糊成移轴效果。每个像素都画成字符:草是斜着的斜杠、随风摆动,水是波浪线加泡沫符号,石头是横线与井号,树是一簇簇圆点与星号,颜色取自 3D 渲染本身。离远了看是一幅画,凑近了看全是字。
能干嘛
自带一个完整的新手场景当模板:红色鸟居沿着绿色悬崖一路下到蓝绿色的海边,石阶、灯笼、金红树木、白色花丛、带泡沫的礁石、一只走动的狐狸与飘落的花瓣都在里面。地形烘焙、海面着色器、实例化草叶花朵、路径道具、字符通道与移轴效果这套系统全有,换掉场景内容就能做自己的世界:港口、山村、峡谷、灯塔、屋顶花园都行。
做一个自己的场景要几步?
三步:按模板复制一份场景目录,跑脚本下载新手场景的贴图与模型,再启动本地预览服务,浏览器打开就能看,改完代码刷新页面即生效,按空格暂停。跑起来只要 Node.js 18+,装 three 与 esbuild,再加一个支持 WebGL 2 的浏览器。静态导出也简单,成品页、构建产物与素材目录就是全部文件。
适合谁
喜欢 ASCII 美学与微缩模型感的创作者;想给频道片头、社交账号做循环小动画的人;以及想试 Three.js 字符渲染玩法的开发者。仓库小、模板全,拿来练手成本很低。
注意点
两点提醒:第一,项目 11 月 2 日才创建,推送记录还只有当天一次,算很新的小仓库,玩法与模板可能还会变,以实时页面为准;第二,它是浏览器里实时跑的循环动画,做长片、加配音还得自己接剪辑流程,别指望一个 Skill 包办成片。失效风险:新仓库演进快,安装方式以仓库实时说明为准。
站长点评:95 星、6 天的新仓库,我收它是因为玩法够特别:字符画加微缩模型,两个元素拼在一起辨识度很高。先按模板跑通新手场景,狐狸走起来、花瓣飘起来了,再换自己的主题,比空想效果靠谱。
