这是一款黑洞引力透镜效果,基于 Three.js + GLSL 着色器实时渲染,全屏画面里没有一张贴图,全部由片元着色器逐像素算出来。它的核心是光线弯曲:屏幕上每个像素都发一条光线,在黑洞引力场里一步步积分推进,被吞掉的进入黑色视界,擦边而过的被拉成弯曲光弧——所以你能看到吸积盘绕过黑洞顶部再从底部翻上来的那个经典画面。吸积盘用体积积分累积亮度,还加了相对论多普勒效应,转向你这侧偏蓝更亮、远离一侧偏红变暗,符合真实观测中的不对称亮环。背景星空与星云同样被透镜扭曲,可以顺带看出时空的形变。
后期串了四道处理:亮部提取、两轮高斯模糊、bloom 合成,最后走 ACES 色调映射,再补上色散、镜头鬼影和暗角。
右侧面板可调曝光、辉光、转速、色温,能开关多普勒和星云,还提供低/中/高三档质量(本质是调整光线步进次数)。有意思的是可以往空间里输入一段文字,它会被摆在黑洞背后随透镜一起扭曲滚动。
适用于科普展示、天文与科技主题页面、创意站首屏背景、WebGL 着色器学习参考等场景。