翻訳の改善

files/ja/web/api/webgl_api/tutorial/using_shaders_to_apply_color_in_webgl/index.md

@@ -13,29 +13,17 @@ l10n:
 
 GL ではオブジェクトは頂点の集合を用いて構築され、各頂点は位置と色の情報を持っています。既定では、他のピクセルの色（および位置など、その他の属性すべて）は補完を用いて計算され、自動的になめらかなグラデーションを生成します。前に使用した頂点シェーダーでは頂点に色の情報を適用していませんでした。頂点シェーダーとフラグメントシェーダーで各ピクセルに白色を固定で割り当てており、正方形全体が白一色で描画されました。
 
-例えば、四隅が異なる色（赤、青、緑、白）である正方形にグラデーションを作成したいとします。始めに行うことは、4 つの頂点にこれらの色を設定することです。これを行うには、まず頂点の色の配列を作成し、次にその配列を WebGL のバッファに格納します。これらは、以下に挙げるコードを `initBuffers()` 関数に追加することで実行します。
+例えば、四隅が異なる色（赤、青、緑、白）である正方形にグラデーションを作成したいとします。始めに行うことは、4 つの頂点にこれらの色を設定することです。これを行うには、まず頂点の色の配列を作成し、次にその配列を WebGL のバッファーに格納します。これらは、以下に挙げるコードを `initBuffers()` 関数に追加することで実行します。
 
 > **メモ:** 以下の関数を `init-buffers.js` モジュールに追加してください。
 
-```js
+```js-nolint
 function initColorBuffer(gl) {
   const colors = [
-    1.0,
-    1.0,
-    1.0,
-    1.0, // 白
-    1.0,
-    0.0,
-    0.0,
-    1.0, // 赤
-    0.0,
-    1.0,
-    0.0,
-    1.0, // 緑
-    0.0,
-    0.0,
-    1.0,
-    1.0, // 青
+    1.0,  1.0,  1.0,  1.0,    // 白
+    1.0,  0.0,  0.0,  1.0,    // 赤
+    0.0,  1.0,  0.0,  1.0,    // 緑
+    0.0,  0.0,  1.0,  1.0,    // 青
   ];
 
   const colorBuffer = gl.createBuffer();
@@ -134,7 +122,7 @@ const programInfo = {
 > **メモ:** 以下の関数を `draw-scene.js` モジュールに追加してください。
 
 ```js
-// カラーバッファから vertexColor 属性に色を取り出す方法を WebGL に
+// カラーバッファーから vertexColor 属性に色を取り出す方法を WebGL に
 // 指示します。
 function setColorAttribute(gl, buffers, programInfo) {
   const numComponents = 4;