跳到正文
GitHub·· 9 天前AI 评分15

Holo-Card-Studio:一句话生成可交互 3D 全息收藏卡

Elijah-Lin-Dancer/Holo-Card-Studio

AI 导读

Elijah-Lin-Dancer/Holo-Card-Studio 是一条 AIGC 流水线,把一句话(自动识别中文/Deutsch/English)转成结构化双语卡片配置,再由 Doubao Seedream 分层绘制主体、背景、线稿与排版四层图像。

正文

HoloLab Studio — one sentence → a 3D holographic card → a live gallery

One sentence → a 3D holographic card → a live gallery playable by anyone on Earth.

🌐 https://Elijah-Lin-Dancer.github.io/Holo-Card-Studio/

Live Gallery MIT License 100% Static Blender 4.5 Three.js Cards (auto) 8 Languages CI Passing

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)
Reus holographic card demo

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