用途
本技能用于生成一个横向滚动的 WebGL 画廊页面，输出为单个自包含的 index.html 文件。它适合需要在网页中呈现横向滑动、带视差质感的图片展示场景。
主要能力
- 基于 Three.js 构建横向滚动 WebGL 画廊。
- 画框随横向滚动以 lerp 平滑方式滑动。
- 每张图片根据其在视口中的位置对纹理进行 UV 偏移，产生视差效果。
- 输出为单个自包含的 index.html，便于直接运行与预览。
使用方式
资源目录结构如下：
webgl-horizontal-parallax/
├── SKILL.md ← 说明文档
├── example.html ← 完整可运行的成品（建议先阅读）
└── (assets, if any)
建议先阅读 example.html，它是完整可运行的成品。
适用场景
- 需要横向滚动浏览图片的画廊页面。
- 希望为图片展示加入视差与平滑滚动质感的 WebGL 场景。
限制与注意事项
- OpenDesign 会检测 getContext('webgl2') / 重度 WebGL，并在 powered preview（跨源隔离的 iframe）中渲染该文件，从而运行完整 GPU 与滚动管线，无需不透明沙箱的变通方案。
- 效果来源：David Faure / Codrops（MIT）。
- 图像来源：原创（AI 生成）。
- 需保留随附的 LICENSE 与屏幕上的署名信息。
- 替换图像时只能使用许可干净的素材（原创 / AI、Lummi.ai、Unsplash/Pexels），不得使用抓取来的图像。
- 关于具体收费、价格、平台支持范围等信息，资料暂未提供。