用途:生成一个单文件 index.html 的自包含画廊页面,实现滚动响应式瀑布流展示。
主要能力:图片在进入视口时以像素/网格溶解方式显现;标题采用分字(split-text)动效;支持点击图片全屏化并带 Flip 过渡。技术栈为 Three.js 与 GSAP。
使用方式:资料提供 SKILL.md 与 example.html(完整可用示例,建议先读),未给出具体安装命令或调用步骤。OpenDesign 会检测 getContext('webgl2') 等重型 WebGL 使用,并在跨源隔离 iframe 的增强预览中渲染,无需不透明沙箱变通方案。
适用场景:需要滚动驱动的视觉画廊、图像显现动效与全屏查看体验的网页作品。
限制与说明:效果署名 J0SUKE / Codrops(MIT),图像为 AI 生成原创;需保留随附 LICENSE 与屏幕署名,替换图像仅可使用授权干净素材(原创/AI、Lummi.ai、Unsplash/Pexels),不得使用抓取图片。具体收费、价格、平台支持与分步使用方法暂未提供。