SuperAPI AI 工具集

holo-card-designer

设计与创作

查看项目

更新于 10-15 22:40

技能介绍

用途:把设计师的一张图片与两轮简短访谈转化为个性化宝可梦风格全息卡,交付物是单一 SwiftUI 视图(卡片+用户素材+个人语境,深色背景),访谈答案硬编码进视图属预期做法。

主要能力:复用 ShaderCards 的 TradingCardView(底层为 ShaderKit 的 HolographicCardContainer),支持拖拽倾斜 3D 交互与实时 Metal 着色器箔片;在用户图片上叠加渐变;居中于深色舞台以突出全息效果。

使用方式:第一步取得图片路径并验证文件存在(生成代码用 Data(contentsOf:) 加载硬编码绝对路径,失败回退基础渐变;若用于 App 建议后续移入 bundle)。第二步用 AskUserQuestion 做两轮访谈,选项需视觉化:第一轮问偏好颜色、箔片风格(Classic TCG holo、Rainbow/iridescent、Precious metal、Ice/cosmic)、布局(Full Art、Minimal、Framed);第二轮问卡名、角色/头衔、趣闻或座右铭、两项签名技能(Minimal 布局不渲染攻击名)。第三步加载 references/design-recipes.md 映射元素、finish、基础渐变与半透明 tint scrim、稀有度;关键规则:.brushedTitanium、.blackChrome、.oilSlick 等不透明表面着色器会遮盖照片,用户图片上只能用半透明全息栈(foil、glitter、tradingCardHolo、galaxyHolo、glassSheen、lightSweep)。第四步复制 assets/PersonalCardShowcase.swift 到目标目录、替换所有 {{TOKEN}} 并接入;API 签名见 references/card-api.md。第五步构建展示:本包 Metal 着色器只能通过 Xcode 构建系统编译,swift build / swift run 会原样拷贝 .metal 致箔片全空白,需用 xcodebuild 或 XcodeBuildMCP(build_run_sim,scheme ShaderCardsDemo),并截图确认深色舞台与可见全息效果。第六步提供快速变体:换 finish 预设、调 scrim 透明度、换布局,均为一行改动。

适用场景:面向设计师的个人演示卡制作。

限制:需 ShaderCards 库(本仓库或依赖它的 App)、一张 PNG/JPEG/HEIC 用户图片;未提供价格、平台、收费等信息。