这个可爱的外星人由高级开发者Drin可视化呈现,看起来是3D的,但实际上并非如此。它基于Three.js构建,通过着色器数学而非几何体来创造3D效果。
它没有网格、没有纹理,背后也没有一个顶点,只有着色器内运行的数学计算。场景由单个全屏四边形组成,每个像素都在片段着色器中通过对符号距离场进行光线步进来计算。
这种设置本质上是一个平面表面,着色器数学负责处理深度、形状和形态,在技术上完全平坦的平面上创造出体积感的错觉。光线步进和SDF是技术美术们常用的技术,用于直接在GPU上生成风格化的、无几何体的视觉效果。
创造迷人的伪3D效果有很多方法。例如,看看Blender短片《Dust of the Simulacrum》的导演是如何解决广角镜头畸变的:
这个标志是为《Web Entangled Prophecy》创作的,使用Unreal Engine 5中的固定盒和HLSL制作:

至于Three.js,可以看看更多使用它创作的作品,比如Chiro Visuals的实时降雪系统、Yong Su将Evan Wallace的WebGL演示移植到Three.js的版本,以及Dan Greenheck的Three.js Water Pro:




