Github
#WebGL
#Three.js
#GLSL
Effect/1
Effect/2
Effect/3
Made by deadrabbbbit
CROWN
OF
FIRE
The Majesty and Glory of the Young King
▶
📐 实现原理
深度图映射:
使用灰度深度图控制像素视差偏移,实现伪3D视差效果
着色器扫描:
GLSL片元着色器根据深度值与进度值对比,生成流动扫描线
点阵/十字网格:
UV坐标平铺运算生成规律图案,与扫描线叠加产生科幻效果
Screen混合模式:
1-(1-a)*(1-b) 公式实现发光叠加,保留亮部细节
UnrealBloom后期:
提取高亮区域、多级模糊、加权合成,模拟光晕扩散