美文网首页3D渲染
3D渲染-着色-着色频率

3D渲染-着色-着色频率

作者: Cwwng | 来源:发表于2021-07-24 15:19 被阅读0次

一、定义

1、现象

拥有完全相同的几何形状,几何表示在空间中是一样的,从球的边界可以看出,模型用的是一样的。
为什么着色了之后结果各不相同?


1624195492359-e9977124-f0e9-4e04-b2a6-3128becf6dac.png

2、定义

着色频率:就是着色应用到哪里。
1、着色应用到面上:平面有法线,求出shading的结果,认为整个平面都是这个颜色。一个平面只做一次shading。
2、着色应用到顶点上:每个平面有四个顶点,计算出每个顶点对应的法线。每个顶点做一次着色。三个顶点构成一个三角形,三角形内部采用插值方法。
3、着色应用到每一个像素上。

二、着色频率类型

1、Flat shading(三角形法线)

三角形内部着色无变化。


1624195786283-a52d66fd-0010-443a-a368-afc9898412c3.png

2、Gouraud shading(顶点法线)

顶点着色,中间使用插值方法着色。
可以计算出三角形三个顶点的着色结果,在三角形需要进行插值。


1624195853023-36da1241-8ca6-4426-847b-4a5e0fcce94f.png

3、Phong shading(像素着色)

可以计算出三角形三个顶点的法线方向,
然后对三角形内部的像素做插值,得出对应像素的法线,
然后再做shading。


1624195879694-90715d3d-7158-4fa1-aaee-78547a355348.png

4、区别

每一行用的模型一致。
越往下,用更多的三角形,几何形体本身更加密集。
当几何相对复杂的情况下,可以用简单的着色模型,得到结果挺好。


1624196180989-14d010fb-cf1e-4cdb-96ac-feefac883ed4.png

得出:着色频率取决于几何形体本身的频率。当几何形体本身很密集的情况下,就直接用简单的着色模型。

三、顶点着色器

1、顶点的法线

任何一个顶点和很多不同的三角形关联,顶点的法线可以使用相邻的面的法线加权平均。


1624196622809-0bea7e33-79fc-4111-968b-b388d60ada6d.png

2、已知顶点法线,计算中间逐像素法线

已知顶点法线,如何得到内部平滑过渡的法线?


1624196898220-562f0dd5-0b0d-4341-8778-8ec6331d9902.png

需要使用重心坐标。

相关文章

  • 3D渲染-着色-着色频率

    一、定义 1、现象 拥有完全相同的几何形状,几何表示在空间中是一样的,从球的边界可以看出,模型用的是一样的。为什么...

  • 着色器和渲染管线

    3d渲染两个重要概念,着色器和渲染管线,说白了这是什么呢 着色器分为顶点着色器和片元着色器,都是给3d图像投影到一...

  • OpenGL:图形渲染流程 以及iOS中渲染框架

    图像图形渲染流程 1.着色器渲染流程渲染过程中必须存储2种着色器分别是:顶点着色器,片元着色器。其中顶点着色器是第...

  • OpenGL ES 之 GLSL和滤镜

    着色器的渲染过程在渲染过程中,必须存储2中着色器,分别是顶点着色器、片元着色器。顶点着色器是第一个着色器、片元着色...

  • webgl 着色器

    GUI 渲染能够让我们看到界面,主要是靠着色器进行渲染的.着色器一般分为顶点着色器,片元着色器. 顶点着色器顶点着...

  • OpenGL ES 入门 — 2.GLSL基础

    在OpenGL 3.0之前,OpenGL 使用的是固定渲染管线,使用存储着色器完成渲染,存储着色器就是写好了着色程...

  • 我的OpenGL ES学习之路(五):着色器

    在上篇文章渲染流程 已经说到了着色器,在使用着色器进行渲染的时候,需要两个对象:着色器对象 和 程序对象。着色器对...

  • 《OpenGL ES: (四)着色器语言》

    关于着色器 着色器是用来实现图像渲染的,用来替代固定渲染管线的可编程程序。着色器替代了传统的固定渲染管线,可以实现...

  • 着色器语言GLSL

    关于着色器 着色器是用来实现图像渲染的,用来替代固定渲染管线的可编程程序。着色器替代了传统的固定渲染管线,可以实现...

  • GLSL着色器语言相关知识

    一、关于着色器 着色器是用来实现图像渲染的,用来替代固定渲染管线的可编程程序。着色器替代了传统的固定渲染管线,可以...

网友评论

    本文标题:3D渲染-着色-着色频率

    本文链接:https://www.haomeiwen.com/subject/toqvmltx.html