用途:生成一个自包含的 index.html,实现基于 Three.js 的垂直画廊。画面中的平面会随滚动速度弯曲,光标移动时通过 simplex noise 产生涟漪,并带有胶片颗粒质感。
主要能力:滚动速度驱动的平面弯曲、光标涟漪(simplex noise)、胶片颗粒叠加,整体为 GPU + 滚动管线。
使用方式:资源目录包含 SKILL.md、example.html(完整可运行示例,建议先读)及可能的素材。OpenDesign 会检测 getContext('webgl2') 或重度 WebGL,并在跨源隔离的 iframe 中以 powered preview 渲染该文件,无需不透明沙箱变通方案。
适用场景:需要 WebGL 视觉效果的画廊类网页展示。
限制与署名:效果来自 Jan Kohlbach / Codrops(MIT),simplex noise 来自 Ashima Arts(MIT),图像为原创(AI 生成)。需保留随附 LICENSE 与屏幕署名;替换图像时仅使用许可干净的素材(原创/AI、Lummi.ai、Unsplash/Pexels),不得使用抓取图像。具体安装命令与更多用法资料暂未提供。