沉浸式 WebGL Banner 生成

分享海报

@user_ac920636/chenjin-banner

把一张图片变成带深度感的沉浸式网页 Banner。 输入：本地图片路径 / 图片 URL，或使用内置程序化生成的 Demo 夜景场景；可选标题副标题、色调偏好、特效开关、输出路径。 输出：单文件 index.html（CSS/JS 全内联、零外部依赖），组合四种特效——深度图位移（WebGL fragment shader，鼠标驱动）、视差滚动、加载对焦拉焦动画、Canvas 2D 粒子系统，并附右上角实时调参控制面板。 适用边界：面向支持 WebGL 1.0 的现代浏览器；深度图默认由图片亮度近似自动生成，追求精确深度效果需自备 MiDaS / Depth Anything 生成的深度图；粒子数上限 200；纯前端产物，不含服务端逻辑。