Holo Card Studio教程:对Codex说一句话,生成会发光的3D全息闪卡

📌 项目日期:2026年9月 | 数据来源:GitHub官方仓库 | 星数:731+

📋 项目简介

Holo Card Studio 是一个爆火的 Codex Skill(教程源自小红书@乌托邦的香蕉):你只负责想——"给我做一张赛博朋克风的机械猫闪卡,背景霓虹雨夜,编号 No.007"——剩下的它来:画好主体/背景/线稿/文字四层图,搭好 Blender 场景(视差、镭射、星光一次到位),组装成 Three.js 网页本地跑起来,最后递给你网页链接、card.blend 工程和渲染图。

成品能在浏览器里拖着转、翻到背面、拉滑块看流光。设计前端工作流可以配合 M3E Canvas设计画布Doop设计画布 使用。

🧱 闪卡的四层结构

图层效果
text.png 文字层稳稳贴在卡面表面
lineart.png 线稿层发光的轮廓
subject.png 主体层随视角往前凸出来
background 背景层往后缩进去

四层图叠在同一画布上用视差撑开空间,再铺上相位随视角走的镭射彩虹、Voronoi 星光与金色卡边;浏览器端 Three.js 按同一套 UV 公式重建合成——Blender 里看到什么,网页里就是什么。

📦 安装

# 放进 Codex 的 skills 目录
~/.codex/skills/holo-card-studio/

# 环境要求:Python 3 + Pillow、Node.js + npm
# Blender 不用自己装:流水线自动下载官方便携版到 tools/ 并校验 SHA

💡 六种玩法

✅ 使用建议

📚 常见问题

Holo Card Studio是什么?

一个Codex Skill:对Codex说一句话(如"做一张赛博朋克风的机械猫闪卡"),自动完成四层图绘制、Blender场景搭建、Three.js网页组装,产出可拖拽旋转的3D全息闪卡网页+card.blend工程+渲染图。

需要自己安装Blender吗?

不需要。流水线会自动把Blender官方便携版放到项目的tools/目录并校验SHA,本地只需Python 3+Pillow和Node.js。

能用来做什么?

宠物传说卡、游戏角色卡牌批量生成、团队纪念卡、节日贺卡、发布会彩蛋物料;card.blend是可编辑工程,镭射条纹、星光、视差节点全部可调。