webgl-pixel-reveal-gallery
设计多媒体 · Three.js 瀑布流画廊 · 滚动响应式动画 · 像素网格溶解效果 · GSAP 动效编排 · 文字分割标题 · 全屏翻转预览
一个滚动响应的瀑布流画廊（Three.js + GSAP），每张图片在进入视口时以像素/网格溶解效果显现，包含拆分文字标题和点击全屏翻转。
9.1万+
全站搜索
用自然语言找工具、提示词、技能、MCP 与工作流。
已理解：Three.js 视频合成
共 14 条
工具 4
查看全部提示词 3
查看全部技能 5
查看全部webgl-horizontal-parallax
设计多媒体 · 水平滚动画廊 · Three.js 视差 · WebGL 纹理位移 · 图像横向滑动 · 单页原型生成
一个水平滚动的 WebGL 画廊（Three.js）：画面以 lerp 平滑方式横向滑动，每张图像根据其在视口中的位置对纹理（UV 偏移）进行视差处理。
9.1万+
hyperframes
设计多媒体 · 视频合成 · 动画制作 · 字幕生成 · 音频可视化 · 场景过渡 · HTML 视频制作
在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、解说、音频反应可视化以及场景转场。当被要求构建任何基于 HTML 的视频内容、…
9.1万+
webgl-distortion-grain
设计多媒体 · Three.js 画廊原型 · 滚动扭曲特效 · 鼠标涟漪交互 · 胶片噪点渲染 · WebGL 交互演示 · 单页 HTML 样例
一个纵向画廊（Three.js），其中的平面会随滚动速度弯曲，通过 simplex 噪声在光标下产生涟漪，并叠加胶片颗粒效果。
9.1万+
webgl-depth-gallery
设计多媒体 · Three.js 三维画廊 · 滚动响应式特效 · 图像层叠交叉淡入 · 光标轨迹动效 · 网页色彩卡展示
一个基于 Three.js 的滚动响应式 3D 图片画廊：Z 轴堆叠的图像在每张图片对应的情绪背景上交叉淡入淡出，伴随速度呼吸效果、发光的鼠标轨迹，以及编辑风格…
9.1万+
