全部作品

HOLO-ID · 小程序 / 应用

HOLO·ID 全息定制卡

一张图做成会反光、能翻面、能用手捏住的 3D 闪卡网页,扫码就能看。

点开就能玩
状态
已上线
年份
2026
技术
three.js · WebGL 着色器 · MediaPipe · Python · ONNX · Cloudflare Pages
链接
holo.voidcraft-dev.com ↗
HOLO·ID 珍藏卡:青丘九尾狐

About

在小红书刷到一条视频:一张动漫卡被手捏着,在摄像头画面里转来转去,一千多赞。我想做一个能卖的版本:客户给一张图,我做成一张只属于对方的全息闪卡,交付一个网址和二维码。

一张插画进来,合成脚本大约 10 秒出卡:深度模型算出远近,自动分出人物和背景,人物不反光,只有背景、边框和特效区闪彩虹;离镜头最近的那只手会冲出卡框。网页端用 three.js 自己写着色器,电脑上动鼠标、手机上倾斜就能看到闪光。

打开「AR 手势」后,摄像头识别 21 个手部关键点:拇指和食指捏住就能拿起卡,转手腕调角度,张开手掌一挥就翻面。卡背印着拥有者、编号和签名,正面藏一行激光防伪字,倾斜到一定角度才看得见。