站内通知
兄弟们!资源投稿功能现已上线。投稿成功后可获得金币奖励,资源被用户购买后,所得金币也将归投稿者所有,可继续用于本站消费。 点询详情
-->
新闻动态 > /    行业资讯 >

这个外星人没有网格,完全由Three.js着色器数学构建

这个可爱的外星人由高级开发者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

收藏 0 点赞

加入组织

本站声明

👉本站所有资源仅供学习参考练习使用!!!没特别声明能商用的,禁止商用,出现法律问题自行承担!如若本站内容侵犯了原著者的合法权益,可联系我们删除链接处理。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。 👉国外用户账号注册以及支付赞助问题请联系邮箱 cgshop@qq.com 👉For account registration and payment sponsorship issues for overseas users, please contact the email: cgshop@qq.com.