Holo-Card-Studio:一句话生成可交互 3D 全息收藏卡
Elijah-Lin-Dancer/Holo-Card-Studio
Elijah-Lin-Dancer/Holo-Card-Studio 是一条 AIGC 流水线,把一句话(自动识别中文/Deutsch/English)转成结构化双语卡片配置,再由 Doubao Seedream 分层绘制主体、背景、线稿与排版四层图像。
One sentence → a 3D holographic card → a live gallery playable by anyone on Earth.
🌐 https://Elijah-Lin-Dancer.github.io/Holo-Card-Studio/
English · 中文版
🚀 Live preview
🌐 https://Elijah-Lin-Dancer.github.io/Holo-Card-Studio/
Drag the cards, flip them, watch the rainbow foil shift with the angle — no install, no account, no server.
✨ What is this?
A complete AIGC pipeline that turns one sentence into an interactive 3D holographic collectible card:
| Step | What happens |
|---|---|
| 🧠 Text model | One sentence (auto-detects 中文 / Deutsch / English) → structured bilingual card config |
| 🎨 AI layered art | Doubao Seedream draws 4 layers — subject · background · line-art · typography — divide & conquer |
| 🧊 3D scene | Blender builds the parallax / rainbow-foil scene, exports GLB |
| 🌀 Live composite | Three.js + GLSL shader renders parallax, rainbow foil, stardust & glow in the browser |
| 🚀 Publish | One command → pure-static GitHub Pages (zero server, zero database) |
Portfolio project · AI × 3D intersection · vanilla JS front-end · zero frameworks
🎴 See it move
| Demo — Marco Reus, "Gelbwand" (edition 007/009, German card face) |
|---|
![]() |
That's a real turntable render from the Blender pipeline (96 frames), not a mockup. The gallery plays it on hover; the detail page renders the live WebGL scene.
🔬 Technical Value Lift (RFC)
Physically-based holographic foil shader · automated visual QA gate → docs/PLANS/technical-lift-roadmap.md ✅ A-1→A-4 已交付:光学模型 + Node Group/GLSL 双实现 + ΔE 验收 → Tech Note ① · 光学 RFC
来源:GitHub · github.com

