diff --git a/webgl/lessons/zh_cn/webgl-fundamentals.md b/webgl/lessons/zh_cn/webgl-fundamentals.md index 3e60aec2..3c6a5c47 100644 --- a/webgl/lessons/zh_cn/webgl-fundamentals.md +++ b/webgl/lessons/zh_cn/webgl-fundamentals.md @@ -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在中间,正数在中间上面。 @@ -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);