着色器科幻世界

做一个着色器驱动的科幻落地页，主题是「一次实时光线步进的现场研究」：整页没有贴图、网格或任何素材，四个宇宙场景全部由片元着色器数学实时算出，随页面滚动连续交叉过渡。场景一「奇点」：带吸积盘的黑洞，光线沿测地线积分约 200 步，吸积盘背面从上方翻卷，带相对论多普勒集束造成的明暗不对称；场景二「星云」：4 倍频 fBm 密度场，自前向后约 44 次单次散射采样；场景三「潮汐」：8 层倍频干涉波构成的高度场海面，二分法求交，菲涅尔反射映出 32 层壳状极光；场景四「初光」：脊状多重分形地形，球体追踪一直推到地平线，黎明光照。每章配一句诗性标题和一组技术参数列表（采样数、积分步数等）。左侧章节导航带进度条，角落 HUD 实时显示当前场景、渲染缓冲、帧率与滚动深度，顶栏标注 WebGPU · 实时。等宽字体、黑白主调加一点橙色强调，叠加胶片颗粒。滚动驱动的场景过渡必须真实流畅，支持 WebGPU 的浏览器直接打开即可运行。 把四个宇宙场景换成森林的春夏秋冬四季：保持滚动交叉过渡的结构，每季一套配色与粒子（春的花瓣、夏的萤光、秋的落叶、冬的飘雪），文案相应换成自然主题。 

做一个着色器驱动的科幻落地页，主题是「一次实时光线步进的现场研究」：整页没有贴图、网格或任何素材，四个宇宙场景全部由片元着色器数学实时算出，随页面滚动连续交叉过渡。场景一「奇点」：带吸积盘的黑洞，光线沿测地线积分约 200 步，吸积盘背面从上方翻卷，带相对论多普勒集束造成的明暗不对称；场景二「星云」：4 倍频 fBm 密度场，自前向后约 44 次单次散射采样；场景三「潮汐」：8 层倍频干涉波构成的高度场海面，二分法求交，菲涅尔反射映出 32 层壳状极光；场景四「初光」：脊状多重分形地形，球体追踪一直推到地平线，黎明光照。每章配一句诗性标题和一组技术参数列表（采样数、积分步数等）。左侧章节导航带进度条，角落 HUD 实时显示当前场景、渲染缓冲、帧率与滚动深度，顶栏标注 WebGPU · 实时。等宽字体、黑白主调加一点橙色强调，叠加胶片颗粒。滚动驱动的场景过渡必须真实流畅，支持 WebGPU 的浏览器直接打开即可运行。 为移动端做性能适配：屏幕宽度小于 768px 时降低粒子数量与渲染分辨率，关闭最耗性能的体积光效果，并显示一个「高性能模式」开关让访客自行切换。