王磊网站建设,注册一个设计公司需要多少钱,温州红酒网站建设,免费制作相册推荐#xff1a;使用 NSDT场景编辑器 快速搭建3D应用场景 坐标系
3D 本质上是关于 3D 空间中形状的表示#xff0c;并使用坐标系来计算它们的位置。 WebGL 使用右侧坐标系 — 轴指向右侧#xff0c;轴指向上方#xff0c;轴指向屏幕外#xff0c;如上图所示。xyz
对象
… 推荐使用 NSDT场景编辑器 快速搭建3D应用场景 坐标系
3D 本质上是关于 3D 空间中形状的表示并使用坐标系来计算它们的位置。 WebGL 使用右侧坐标系 — 轴指向右侧轴指向上方轴指向屏幕外如上图所示。xyz
对象
使用顶点构建不同类型的对象。顶点是空间中的一个点在坐标系中具有自己的 3D 位置通常是定义它的一些附加信息。每个顶点都由以下属性描述
位置在 3D 空间中标识它 、、。xyz颜色保存 RGBA 值R、G 和 B 表示红色、绿色和蓝色通道alpha 表示透明度 — 所有值的范围从 到 。0.01.0正常一种描述顶点朝向的方法。纹理顶点可用于装饰其所属表面的 2D 图像而不是简单的颜色。
您可以使用此信息构建几何图形 — 下面是一个立方体示例 给定形状的面是顶点之间的平面。例如立方体有 8 个不同的顶点空间中的点和 6 个不同的面每个面由 4 个顶点构成。法线定义面部的方向。此外通过连接点我们正在创建立方体的边缘。几何体是从顶点和面构建的而材质是纹理它使用颜色或图像。如果我们将几何体与材料连接起来我们将得到一个网格。
渲染管线
渲染管线是准备图像并将其输出到屏幕上的过程。图形渲染管道采用从使用顶点描述的基元构建的 3D 对象应用处理计算片段并将其作为像素在 2D 屏幕上呈现。 上图中使用的术语如下
基元管道的输入 — 它由顶点构建可以是三角形、点或线。片段像素的 3D 投影具有与像素相同的所有属性。像素屏幕上排列在 2D 网格中的点具有 RGBA 颜色。
顶点和片段处理是可编程的 — 您可以编写自己的着色器来操作输出。
顶点处理
顶点处理是将有关各个顶点的信息组合成基元并在 3D 空间中设置它们的坐标以供查看者查看。这就像拍摄您准备的给定风景的照片一样 - 您必须首先放置对象配置相机然后拍摄。 这种处理有四个阶段第一个阶段涉及排列世界中的对象称为模型转换。然后是视图转换负责在3D空间中定位和设置相机的方向。摄像机有三个参数 - 位置、方向和方向 - 必须为新创建的场景定义。 然后投影变换也称为透视变换定义相机设置。它设置了摄像机可以看到的内容——配置包括视野、纵横比和可选的近平面和远平面。阅读三.js文章中的相机段落以了解这些内容。 最后一步是视口转换它涉及输出渲染管线中下一步的所有内容。
光栅化
栅格化将基元连接的折点转换为一组片段。 这些片段即 3D 像素的 2D 投影与像素网格对齐因此最终它们可以在输出合并阶段作为像素打印在 2D 屏幕显示器上。
片段处理
片段处理侧重于纹理和照明——它根据给定的参数计算最终颜色。 纹理
纹理是在 2D 空间中使用的 3D 图像用于使对象看起来更好、更逼真。纹理由称为纹素的单个纹理元素组合而成就像图片元素从像素组合一样。在渲染管线的片段处理阶段将纹理应用于对象允许我们在必要时通过包装和过滤来调整它。
纹理包装允许我们在 2D 对象周围重复 3D 图像。当原始分辨率或纹理图像与显示的片段不同时将应用纹理过滤 - 它将相应地缩小或放大。
照明
我们在屏幕上看到的颜色是光源与物体材质的表面颜色相互作用的结果。光可能会被吸收或反射。在WebGL中实现的标准Phong照明模型有四种基本类型的照明
漫反射遥远的定向光如太阳。镜面反射一个光点就像房间里的灯泡或手电筒一样。环境常光应用于场景中的所有内容。自发光物体直接发出的光。
输出合并
在输出操作阶段来自 3D 空间的所有基元片段都转换为像素的 2D 网格然后在屏幕显示器上打印出来。 在输出合并期间还会应用一些处理来忽略不需要的信息 - 例如不会计算屏幕外部或其他对象后面的对象的参数因此不可见。
原文链接解释基本的3D理论 (mvrlink.com)
