Merge branch 'Qianqianye-master'

Author: limzykenneth

dist/assets/examples/zh-Hans/03_Arrays/00_Array.js

@@ -1,12 +1,8 @@
 /*
- * @name Array
- * @description An array is a list of data. Each piece of data in an array 
- * is identified by an index number representing its position in 
- * the array. Arrays are zero based, which means that the first 
- * element in the array is [0], the second element is [1], and so on. 
- * In this example, an array named "coswave" is created and
- * filled with the cosine values. This data is displayed three 
- * separate ways on the screen.  
+ * @name 数组
+ * @description 数组是数据列表。数组中的每条数据由表示其在数组中的位置的索引号标识。
+ * 数组基于零，这意味着数组中的第一个元素是[0]，第二个元素是[1]，依此类推。 
+ * 在此示例中，一个名为 “coswave” 的数组被创建并使用余弦值填充。此数据在屏幕上以三种不同的方式显示。 
  */
 var coswave = [];
 

dist/assets/examples/zh-Hans/03_Arrays/01_Array_2d.js

@@ -1,9 +1,7 @@
 /*
- * @name Array 2D
- * @description Demonstrates the syntax for creating a two-dimensional (2D)
- * array. Values in a 2D array are accessed through two index values.  
- * 2D arrays are useful for storing images. In this example, each dot 
- * is colored in relation to its distance from the center of the image. 
+ * @name 2D 数组
+ * @description 演示创建二维（2D）数组的句法。 2D 数组中的值是通过两个索引值来访问的。
+ * 2D 阵列特别适用于对于存储图像。在该示例中，每个点是通过其相对于距图像中心的距离来进行着色的。
  */
 var distances = [];
 var maxDistance;
@@ -13,22 +11,19 @@ function setup() {
   createCanvas(720, 360);
   maxDistance = dist(width/2, height/2, width, height);
   for (var x = 0; x < width; x++) {
-    distances[x] = []; // create nested array
+    distances[x] = []; // 创建嵌套数组
     for (var y = 0; y < height; y++) {
       var distance = dist(width/2, height/2, x, y);
       distances[x][y] = distance/maxDistance * 255;
     }
   }
   spacer = 10;
-  noLoop();  // Run once and stop
+  noLoop();  // 执行一次之后停止
 }
 
 function draw() {
   background(0);
-  // This embedded loop skips over values in the arrays based on
-  // the spacer variable, so there are more values in the array
-  // than are drawn here. Change the value of the spacer variable
-  // to change the density of the points
+  // 这个嵌入式循环基于 spacer 变量跳过数组中的值，因此数组中的值多于此处绘制的值。更改 spacer 变量的值可以更改点的密度
   for (var x = 0; x < width; x += spacer) {
     for (var y = 0; y < height; y += spacer) {
       stroke(distances[x][y]);

dist/assets/examples/zh-Hans/03_Arrays/02_Array_Objects.js

@@ -1,6 +1,6 @@
 /*
- * @name Array Objects
- * @description Demonstrates the syntax for creating an array of custom objects.
+ * @name 数组对象
+ * @description 演示创建自定义对象数组的句法。
  */
 var unit = 40;
 var count;

dist/assets/examples/zh-Hans/04_Control/00_Iteration.js

@@ -1,6 +1,6 @@
 /*
- * @name Iteration
- * @description Iteration with a "for" structure to construct repetitive forms.
+ * @name 迭代
+ * @description 用 “for” 结构迭代来构造重复的形式。
  */
 var y;
 var num = 14;
@@ -11,15 +11,15 @@ function setup() {
   background(102);
   noStroke();
 
-  // Draw white bars 
+  // 画白条 
   fill(255);
   y = 60;
   for(var i = 0; i < num/3; i++) {
     rect(50, y, 475, 10);
     y+=20;
   }
 
-  // Gray bars
+  // 灰条
   fill(51);
   y = 40;
   for(var i = 0; i < num; i++) {
@@ -32,7 +32,7 @@ function setup() {
     y += 20;
   }
 
-  // Thin lines
+  // 细线
   y = 45;
   fill(0);
   for(var i = 0; i < num-1; i++) {

dist/assets/examples/zh-Hans/04_Control/01_Embedded_Iteration.js

@@ -1,6 +1,6 @@
 /*
- * @name Embedded Iteration
- * @description Embedding "for" structures allows repetition in two dimensions.
+ * @name 嵌入式迭代
+ * @description 嵌入 “for” 结构允许在两个维度上进行重复。
  */
 function setup() {
 

dist/assets/examples/zh-Hans/04_Control/02_Conditionals_1.js

@@ -1,16 +1,12 @@
 /*
- * @name Conditionals 1
- * @description Conditions are like questions. 
- * They allow a program to decide to take one action if 
- * the answer to a question is true or to do another action
- * if the answer to the question is false. 
- * The questions asked within a program are always logical
- * or relational statements. For example, if the variable 'i' is 
- * equal to zero then draw a line.
+ * @name 条件 1
+ * @description 条件就像问题。
+ * 如果问题的答案为真值，它们允许程序决定采取一个动作;如果问题的答案为假值，则允许程序执行另一个动作。
+ * 程序中提出的问题始终是逻辑或关系语句。例如，如果变量 'i' 等于零，则绘制一条线。
  */
 function setup() {
 
-  createCanvas(720, 360); 
+  createCanvas(720, 360);
   background(0);
 
   for(var i = 10; i < width; i += 10) {
@@ -21,7 +17,7 @@ function setup() {
       line(i, 80, i, height/2);
     } else {
       stroke(153);
-      line(i, 20, i, 180); 
+      line(i, 20, i, 180);
     }
   }
 }

dist/assets/examples/zh-Hans/04_Control/03_Conditionals_2.js

@@ -1,27 +1,24 @@
 /*
- * @name Conditionals 2
- * @description We extend the language of conditionals from the previous
- * example by adding the keyword "else". This allows conditionals 
- * to ask two or more sequential questions, each with a different
- * action. 
+ * @name 条件 2
+ * @description 我们通过添加关键字 “else” 来扩展前一个示例中的条件语言。
+ * 这允许条件连续提出两个或更多个问题，每个问题都有不同的操作。
  */
 function setup() {
 
-  createCanvas(720, 360); 
+  createCanvas(720, 360);
   background(0);
 
   for(var i = 2; i < width-2; i += 4) {
-    // If 'i' divides by 20 with no remainder
+    // 如果 'i' 除以 20 而没有余数
     if((i % 20) == 0) {
       stroke(255);
       line(i, 80, i, height/2);
-    // If 'i' divides by 10 with no remainder
+    // 如果 'i' 除以 10 而没有余数
     } else if ((i % 10) == 0) {
       stroke(153);
-      line(i, 20, i, 180); 
-    // If neither of the above two conditions are met
-    // then draw this line
-    } else {  
+      line(i, 20, i, 180);
+    // 如果上述两个条件都不满足，则绘制这条线
+    } else {
       stroke(102);
       line(i, height/2, i, height-20);
     }

dist/assets/examples/zh-Hans/04_Control/04_Logical_Operators.js

@@ -1,40 +1,39 @@
 /*
- * @name Logical Operators
- * @description The logical operators for AND (&&) and OR (||) are used to 
- * combine simple relational statements into more complex expressions.
- * The NOT (!) operator is used to negate a boolean statement. 
+ * @name 逻辑操作符
+ * @description AND（&&）和 OR（||）的逻辑操作符被用于将简单的关系语句组合成更复杂的表达式
+ * NOT (!) 操作符被用于否定布尔语句。
  */
 var test = false;
 
 function setup() {
 
-  createCanvas(720, 360); 
+  createCanvas(720, 360);
   background(126);
 
   for (var i = 5; i <= height; i += 5) {
-    // Logical AND
+    // 逻辑 AND
     stroke(0);
     if((i > 35) && (i < 100)) {
       line(width/4, i, width/2, i);
       test = false;
     }
-    
-    // Logical OR
+
+    // 逻辑 OR
     stroke(76);
     if ((i <= 35) || (i >= 100)) {
       line(width/2, i, width, i);
       test = true;
     }
-    
-    // Testing if a boolean value is "true"
-    // The expression "if(test)" is equivalent to "if(test == true)"
+
+    // 测试布尔值是否为 “true”
+    // 表达式 “if(test)” 等同于 "if(test == true)"
     if (test) {
       stroke(0);
       point(width/3, i);
     }
-      
-    // Testing if a boolean value is "false"
-    // The expression "if(!test)" is equivalent to "if(test == false)"
+
+    // 测试布尔值是否为 "false"
+    // 表达式 “if(test)” 等同于 "if(test == false)"
     if (!test) {
       stroke(255);
       point(width/4, i);

dist/es/examples/index.html

@@ -370,7 +370,7 @@ <h3 name='arrays' class='anchor'>Arreglos</h3>
 
                 data-es='Arreglo'
 
-                data-zh-Hans='Array'
+                data-zh-Hans='数组'
 
           >Array</a><br>
 
@@ -381,7 +381,7 @@ <h3 name='arrays' class='anchor'>Arreglos</h3>
 
                 data-es='Arreglo 2D'
 
-                data-zh-Hans='Array 2D'
+                data-zh-Hans='2D 数组'
 
           >Array 2D</a><br>
 
@@ -392,7 +392,7 @@ <h3 name='arrays' class='anchor'>Arreglos</h3>
 
                 data-es='Arreglo de objetos'
 
-                data-zh-Hans='Array Objects'
+                data-zh-Hans='数组对象'
 
           >Array Objects</a><br>
 
@@ -409,7 +409,7 @@ <h3 name='control' class='anchor'>Control</h3>
 
                 data-es='Iteración'
 
-                data-zh-Hans='Iteration'
+                data-zh-Hans='迭代'
 
           >Iteration</a><br>
 
@@ -420,7 +420,7 @@ <h3 name='control' class='anchor'>Control</h3>
 
                 data-es='Iteración anidada'
 
-                data-zh-Hans='Embedded Iteration'
+                data-zh-Hans='嵌入式迭代'
 
           >Embedded Iteration</a><br>
 
@@ -431,7 +431,7 @@ <h3 name='control' class='anchor'>Control</h3>
 
                 data-es='Condicionales 1'
 
-                data-zh-Hans='Conditionals 1'
+                data-zh-Hans='条件 1'
 
           >Conditionals 1</a><br>
 
@@ -442,7 +442,7 @@ <h3 name='control' class='anchor'>Control</h3>
 
                 data-es='Condicionales 2'
 
-                data-zh-Hans='Conditionals 2'
+                data-zh-Hans='条件 2'
 
           >Conditionals 2</a><br>
 
@@ -453,7 +453,7 @@ <h3 name='control' class='anchor'>Control</h3>
 
                 data-es='Operadores lógicos'
 
-                data-zh-Hans='Logical Operators'
+                data-zh-Hans='逻辑操作符'
 
           >Logical Operators</a><br>