首页 / 羊毛福利 / 把 3D 微缩世界画成 …
AI 工具福利

把 3D 微缩世界画成 ASCII 字符:ascii-diorama 怎么做循环播放的字符视频?

把 3D 微缩世界画成 ASCII 字符:ascii-diorama 怎么做循环播放的字符视频?

来源
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 天的新仓库,我收它是因为玩法够特别:字符画加微缩模型,两个元素拼在一起辨识度很高。先按模板跑通新手场景,狐狸走起来、花瓣飘起来了,再换自己的主题,比空想效果靠谱。

AI 工具福利

相关推荐