Skip to content

Commit bb5ad83

Browse files
emotionlgreggman
authored andcommitted
Fix typo
1 parent 1abc435 commit bb5ad83

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

webgl/lessons/zh_cn/webgl-fundamentals.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,15 @@ TOC: 基本原理
77

88
WebGL通常被认为是一种3D API。 人们认为“我会使用了WebGL魔法,我就会拥有酷酷的3D技能”。 实际上WebGL仅仅是栅格化(rasterization)引擎。它会基于你的代码来画点,线条和三角形。 而你需要使用点、线、三角形组合来完成复杂的3D任务。
99

10-
WebGL是在GPU上运行的。在GPU上运行的WebGL代码是以一对函数的形式,分别叫做点着色器(Vetex Shader)和片段着色器(Fragment Shader). 他们是用一种类似C++的强类型语言[GLSL](webgl-shaders-and-glsl.html)编写的。这一对函数组合被叫做程序(Program)。
10+
WebGL是在GPU上运行的。在GPU上运行的WebGL代码是以一对函数的形式,分别叫做点着色器(Vertex Shader)和片段着色器(Fragment Shader). 他们是用一种类似C++的强类型语言[GLSL](webgl-shaders-and-glsl.html)编写的。这一对函数组合被叫做程序(Program)。
1111

1212
点着色器的任务是计算点的的位置。基于函数输出的位置,WebGL能够栅格化(rasterize)不同种类的基本元素,如[点、线和三角形](webgl-points-lines-triangles.html)。当栅格化这些基本元素的同时,也会调用第二种函数:片段着色器。它的任务就是计算当前正在绘制图形的每个像素的颜色。
1313

1414
几乎所有的WebGL API是为这些函数对的运行来[设置状态](resources/webgl-state-diagram.html)。你需要做的是:设置一堆状态,然后调用`gl.drawArrays``gl.drawElements`在GPU上运行你的着色器。
1515

1616
这些函数需要用到的任意数据都必须提供给GPU。 着色器有如下四种方法能够接收数据。
1717

18-
1. 属性(Attributes),缓冲区(Buffers)和顶点数组(Vetex Arrays)
18+
1. 属性(Attributes),缓冲区(Buffers)和顶点数组(Vertex Arrays)
1919

2020
缓存区以二进制数据形式的数组传给GPU。缓存区可以放任意数据,通常有位置,归一化参数,纹理坐标,顶点颜色等等
2121

0 commit comments

Comments
 (0)