用途:生成一个可滚动交互的 3D 图像画廊,产物为单个自包含的 index.html 文件。主要能力:使用 Three.js 实现图像 Z 轴堆叠与交叉淡入淡出;每张图片配有独立的氛围背景;滚动速度驱动“速度呼吸”效果;带发光光标轨迹;附有编辑级色彩卡片,展示 CMYK、RGB、HEX、PMS 色值。使用方式:资料提供 example.html 作为完整可运行示例,建议优先阅读;产出时保留随附 LICENSE 与屏幕署名。在 OpenDesign 中,检测到 getContext('webgl2') 或大量 WebGL 时会以 powered preview(跨源隔离 iframe)渲染,可运行完整 GPU 与滚动管线,无需不透明的沙箱变通方案。限制与注意:图片素材需使用授权干净的资源(原创/AI、Lummi.ai、Unsplash/Pexels),不得使用抓取的图片;效果署名 Houmahani Kane / Codrops(MIT),图像来源 Lummi.ai。其余具体安装命令、收费、平台支持等信息暂未提供。
webgl-depth-gallery
前端与建站
更新于 10-16 01:37