ko: ramp textures

Author: 태재영

webgl/lessons/ko/webgl-2-textures.md

@@ -82,7 +82,7 @@ precision mediump float;
 uniform sampler2D u_image0;
 uniform sampler2D u_image1;
 
-// 정점 셰이더에서 전달된 texCoords 
+// 정점 셰이더에서 전달된 텍스처 좌표
 varying vec2 v_texCoord;
 
 void main() {
@@ -153,12 +153,12 @@ WebGL에는 "텍스처 유닛"이 있습니다.
 
 몇 가지 살펴봐야 할 것이 있습니다.
 
-텍스처 유닛을 생각하는 간단한 방법: 모든 텍스처 함수는 "active texture unit"에서 작동한다.
-"active texture unit"은 작업하려는 텍스처 유닛의 전역 변수입니다.
-각 텍스처 유닛은 2가지 target을 가지는데요.
-TEXTURE_2D target과 TEXTURE_CUBE_MAP target입니다.
-모든 텍스처 함수는 current active texture unit에서 지정된 target과 함께 작동합니다.
-JavaScript로 WebGL을 구현한다면 다음과 같을 겁니다.
+텍스처 유닛을 생각하는 간단한 방법: 모든 텍스처 함수는 "활성 텍스처 유닛"에서 작동한다.
+"활성 텍스처 유닛"은 작업하려는 텍스처 유닛의 전역 변수입니다.
+각 텍스처 유닛은 2가지 대상을 가지는데요.
+TEXTURE_2D 대상과 TEXTURE_CUBE_MAP 대상입니다.
+모든 텍스처 함수는 현재 활성 텍스처 유닛에서 지정된 대상과 함께 작동합니다.
+자바스크립트로 WebGL을 구현한다면 다음과 같을 겁니다.
 
 ```
 var getContext = function() {
@@ -173,19 +173,19 @@ var getContext = function() {
   var activeTextureUnit = 0;
 
   var activeTexture = function(unit) {
-    // unit enum을 index로 변환
+    // unit enum을 인덱스로 변환
     var index = unit - gl.TEXTURE0;
-    // active texture unit 설정
+    // 활성 텍스처 유닛 설정
     activeTextureUnit = index;
   };
 
   var bindTexture = function(target, texture) {
-    // active texture unit의 target에 대한 텍스처 설정
+    // 활성 텍스처 유닛의 대상에 대한 텍스처 설정
     textureUnits[activeTextureUnit][target] = texture;
   };
 
   var texImage2D = function(target, ... args ...) {
-    // active texture unit의 current texture에서 texImage2D 호출
+    // 활성 텍스처 유닛의 현재 텍스처에서 texImage2D 호출
     var texture = textureUnits[activeTextureUnit][target];
     texture.image2D(...args...);
   };

webgl/lessons/ko/webgl-3d-lighting-directional.md

@@ -276,7 +276,7 @@ function setNormals(gl) {
 ```
 precision mediump float;
 
-// 정점 셰이더에서 전달
+// 정점 셰이더에서 전달됩니다.
 -varying vec4 v_color;
 +varying vec3 v_normal;
 

webgl/lessons/ko/webgl-3d-lighting-point.md

@@ -69,7 +69,7 @@ surface -> light 벡터는 단위 벡터가 아니기 때문에 프래그먼트
 
     precision mediump float;
 
-    // 정점 셰이더에서 전달
+    // 정점 셰이더에서 전달됩니다.
     varying vec3 v_normal;
     +varying vec3 v_surfaceToLight;
 
@@ -190,7 +190,7 @@ surface -> light 벡터는 단위 벡터가 아니기 때문에 프래그먼트
 다음으로 프래그먼트 셰이더에서 surface -> view 벡터와 surface -> light 벡터 사이의 `halfVector`를 계산해야 합니다.
 그런 다음 `halfVector`와 법선의 스칼라곱을 구하여, 빛이 뷰로 반사되는지 확인할 수 있습니다.
 
-    // 정점 셰이더에서 전달
+    // 정점 셰이더에서 전달됩니다.
     varying vec3 v_normal;
     varying vec3 v_surfaceToLight;
     +varying vec3 v_surfaceToView;

webgl/lessons/ko/webgl-3d-lighting-spot.md

@@ -58,7 +58,7 @@ Limit로 *dot limit*를 계산하고, limit의 cosine을 구합니다.
 ```
 precision mediump float;
 
-// 정점 셰이더에서 전달
+// 정점 셰이더에서 전달됩니다.
 varying vec3 v_normal;
 varying vec3 v_surfaceToLight;
 varying vec3 v_surfaceToView;

webgl/lessons/ko/webgl-3d-orthographic.md

@@ -417,7 +417,7 @@ void main() {
 <script id="fragment-shader-3d" type="x-shader/x-fragment">
 precision mediump float;
 
-+// 정점 셰이더에서 전달
++// 정점 셰이더에서 전달됩니다.
 +varying vec4 v_color;
 
 void main() {

webgl/lessons/ko/webgl-3d-textures.md

@@ -34,7 +34,7 @@ WebGL에서 어떻게 텍스처를 적용할까요?
 
     precision mediump float;
 
-    // 정점 셰이더에서 전달
+    // 정점 셰이더에서 전달됩니다.
     *varying vec2 v_texcoord;
 
     *// 텍스처

webgl/lessons/ko/webgl-cube-maps.md

@@ -117,7 +117,7 @@ void main() {
 ```glsl
 precision mediump float;
 
-// 정점 셰이더에서 전달
+// 정점 셰이더에서 전달됩니다.
 varying vec3 v_normal;
 
 // 텍스처

webgl/lessons/ko/webgl-drawing-multiple-things.md

@@ -78,7 +78,7 @@ WebGL은 두 번째 방법으로 동작하는데요.
 여기 해당 코드입니다.
 정점 색상을 곱하기 위해 `u_colorMult`를 추가한 걸 제외하고는 [perspective 예제](webgl-3d-perspective.html)와 같은 간단한 셰이더입니다.
 
-    // 정점 셰이더에서 전달
+    // 정점 셰이더에서 전달됩니다.
     varying vec4 v_color;
 
     uniform vec4 u_colorMult;

webgl/lessons/ko/webgl-environment-maps.md

@@ -203,7 +203,7 @@ void main() {
 ```glsl
 precision highp float;
 
-// 정점 셰이더에서 전달
+// 정점 셰이더에서 전달됩니다.
 varying vec3 v_worldPosition;
 varying vec3 v_worldNormal;
 

webgl/lessons/ko/webgl-fog.md

@@ -34,7 +34,7 @@ gl_FragColor = originalColor + (fogColor - originalColor) * fogAmount;
 ```glsl
 precision mediump float;
 
-// 정점 셰이더에서 전달
+// 정점 셰이더에서 전달됩니다.
 varying vec2 v_texcoord;
 
 // 텍스처
@@ -136,7 +136,7 @@ void main() {
 ```glsl
 precision mediump float;
 
-// 정점 셰이더에서 전달
+// 정점 셰이더에서 전달됩니다.
 varying vec2 v_texcoord;
 varying float v_fogDepth;
 
@@ -317,7 +317,7 @@ void main() {
 ```
 precision mediump float;
 
-// 정점 셰이더에서 전달
+// 정점 셰이더에서 전달됩니다.
 varying vec2 v_texcoord;
 -varying float v_fogDepth;
 +varying vec3 v_position;
@@ -361,7 +361,7 @@ fogAmount = clamp(fogAmount, 0., 1.);
 ```
 precision mediump float;
 
-// 정점 셰이더에서 전달
+// 정점 셰이더에서 전달됩니다.
 varying vec2 v_texcoord;
 varying vec3 v_position;