返回 闪卡实验场 DEMO Nº005 · LIVE

Holo Card Studio · Dragon Knight

龙骑士黑魔术少女
全息闪卡

实验场第五张卡——黑魔术少女骑上青绿龙背,银甲长剑,冰蓝魔法天空。 这次走 Blender 三维路线:四层素材在物理空间中分层排布,导出 GLB 后由 Three.js 实时渲染镭射光效, 拖动卡片时光泽贴着盔甲轮廓流动。

▲ 拖动旋转 · 底部滑杆调节镭射/深度 · F 翻面 全屏体验 →
RECIPE

它怎么来的

GENERATOR

技能 · Holo Card Studio

由 Agent Skill Holo Card Studio 流水线完成:四层素材(背景、角色、线稿、文字)在 Blender 中按物理深度分层装配, 添加镭射箔片和粒子光泽,导出 card.glb(仅 24KB), 再用 Three.js web viewer 在浏览器中实时渲染。完整工程在 job/ 目录。

PROMPT + REFERENCE

用 Holo Card Studio 给我做一张龙骑士黑魔术少女的闪卡

以原始游戏王卡图为身份参考——银甲金发女骑士骑青绿龙、持剑、冰蓝背景。 AI 负责拆出背景环境、孤立角色、提取线稿三层,文字层由排版脚本精确生成。

参考图:龙骑士黑魔术少女原始卡图 REFERENCE · 点击看大图
PROCESS

一张卡的四道工序

01

拆层生成

基于参考图分别生成:冰蓝魔法背景、孤立角色(带透明 alpha)、白底黑线稿,三层同尺寸对齐。

02

抠图定 alpha

角色层从纯白背景 flood-fill 抠出透明通道,边缘做 0.8px 羽化,通过透明度校验。

03

Blender 分层

四层在 Blender 物理空间中分层放置:角色最近(+0.4)、文字中间、背景最远(−0.25),加镭射材质。

04

导出实时渲染

导出 24KB GLB,Three.js viewer 实时重建镭射箔片和粒子光泽,指针驱动视角变化。

LAYERS

拆开之后,每层长这样