在计算机图形领域,想要创造立体感通常离不开复杂的几何模型和纹理贴图。然而,高级开发者Drin最近用Three.js制作了一个看似立体感十足的外星人,背后的原理却令人意外:场景中既没有网格,也没有纹理,甚至连一个顶点都没有——只有一段在着色器内运行的数学代码。 这个“可爱外星人”看起来是3D的,但实际上并非如此。整个场景仅仅由一个全屏四边形构成,所有像素都在片段着色器中通过光线步进(raymarching)一个符号距离场(SDF)逐一

打开网易新闻 查看精彩图片