Skip to content

Commit

Permalink
fix: typo and polish
Browse files Browse the repository at this point in the history
  • Loading branch information
yunsii authored and greggman committed May 2, 2024
1 parent 64277e7 commit 80b7001
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions webgl/lessons/zh_cn/webgl-fundamentals.md
Original file line number Diff line number Diff line change
Expand Up @@ -308,9 +308,9 @@ WebGL会用这三个顶点画出三角形。对于每个像素,WebGL调用片

{{{example url="../webgl-fundamentals.html" }}}

从上面例子看出,顶点着色器只是简单地传数据。因为位置数据都在裁剪空间中,所以没有多余个事情做*如果您想显示3D图形,则由您决定提供从3D转换为裁剪空间的着色器,因为WebGL只是一个光栅化API*
从上面例子看出,顶点着色器只是简单地传数据。因为位置数据都在裁剪空间中,所以没有多余的事情要做*如果您想显示3D图形,则由您决定提供从3D转换为裁剪空间的着色器,因为WebGL只是一个光栅化API*

你可能想知道为什么三角形从中间开始,向右上方移动。因为裁剪空间的x轴从-1到+1. 则意味着0在中间,整数则是右边
你可能想知道为什么三角形从中间开始,向右上方移动。因为裁剪空间的x轴从-1到+1. 则意味着0在中间,正数则是右边

至于为什么在上面,因为-1时最下面,+1在顶部,也就是说0在中间,正数在中间上面。

Expand Down Expand Up @@ -374,7 +374,7 @@ WebGL会用这三个顶点画出三角形。对于每个像素,WebGL调用片

{{{example url="../webgl-2d-rectangle.html" }}}

你可能注意到这个长方形靠近区域的下面部分。因为WebG把+Y轴当作向上,-Y当作向下。在裁剪空间中,左下角为-1, -1。我们没有改变任何符号,所以当前坐标原点就在左下角。为像原点在左上角的传统坐标空间一样,我们可以反转y坐标轴,如下:
你可能注意到这个长方形靠近区域的下面部分。因为WebGL把+Y轴当作向上,-Y当作向下。在裁剪空间中,左下角为-1, -1。我们没有改变任何符号,所以当前坐标原点就在左下角。为像原点在左上角的传统坐标空间一样,我们可以反转y坐标轴,如下:

* gl_Position = vec4(clipSpace * vec2(1, -1), 0, 1);

Expand Down

0 comments on commit 80b7001

Please sign in to comment.