这是一款魔方全息画廊效果,基于 Three.js + Canvas API + CSS3 技术实现。页面中央是一个可自由旋转的 3D 魔方,六个面分别对应一套用 Canvas 程序化生成的数字画作。左侧色块列表就是导航——点选任意一面,魔方会自动"复原"到该面朝向观众,把作品完整展示出来;底部还提供打乱、重置和自动旋转三个开关。
这款效果最妙的地方在于把"解魔方"这个动作转成了切换画作的交互逻辑,比常规的轮播图有记忆点。配色走的是浅底加高饱和度色块的极简路线,玻璃拟态面板压得很轻,视觉重心始终在魔方上,不抢戏。支持鼠标拖拽自由观察,桌面端和移动端都做了适配。
适合作品集首页、创意工作室展示页、产品概念站,或是需要一个视觉钩子的活动页。