Merge pull request #344 from AnimeshSinha1309/es6/drawing

Updating Drawing Examples to ES6 standards

Author: lmccart

src/data/examples/en/17_Drawing/00_Continuous_Lines.js

@@ -12,4 +12,4 @@ function draw() {
   if (mouseIsPressed === true) {
     line(mouseX, mouseY, pmouseX, pmouseY);
   }
-}
+}

src/data/examples/en/17_Drawing/01_Pattern.js

@@ -1,6 +1,6 @@
 /*
  * @name Patterns
- * @description Move the cursor over the image to draw with a software tool 
+ * @description Move the cursor over the image to draw with a software tool
  * which responds to the speed of the mouse.
  */
 function setup() {
@@ -15,13 +15,13 @@ function draw() {
   variableEllipse(mouseX, mouseY, pmouseX, pmouseY);
 }
 
-// The simple method variableEllipse() was created specifically 
+// The simple method variableEllipse() was created specifically
 // for this program. It calculates the speed of the mouse
 // and draws a small ellipse if the mouse is moving slowly
-// and draws a large ellipse if the mouse is moving quickly 
+// and draws a large ellipse if the mouse is moving quickly
 
 function variableEllipse(x, y, px, py) {
-  var speed = abs(x-px) + abs(y-py);
+  let speed = abs(x - px) + abs(y - py);
   stroke(speed);
   ellipse(x, y, speed, speed);
-}
+}

src/data/examples/en/17_Drawing/02_Pulses.js

@@ -1,11 +1,11 @@
 /*
  * @name Pulses
- * @description Software drawing instruments can follow a rhythm or abide by 
- * rules independent of drawn gestures. This is a form of collaborative drawing 
- * in which the draftsperson controls some aspects of the image and the software 
+ * @description Software drawing instruments can follow a rhythm or abide by
+ * rules independent of drawn gestures. This is a form of collaborative drawing
+ * in which the draftsperson controls some aspects of the image and the software
  * controls others.
  */
-var angle = 0;
+let angle = 0;
 
 function setup() {
   createCanvas(710, 400);
@@ -18,14 +18,14 @@ function draw() {
   // Draw only when mouse is pressed
   if (mouseIsPressed === true) {
     angle += 5;
-    var val = cos(radians(angle)) * 12.0;
-    for (var a = 0; a < 360; a += 75) {
-      var xoff = cos(radians(a)) * val;
-      var yoff = sin(radians(a)) * val;
+    let val = cos(radians(angle)) * 12.0;
+    for (let a = 0; a < 360; a += 75) {
+      let xoff = cos(radians(a)) * val;
+      let yoff = sin(radians(a)) * val;
       fill(0);
       ellipse(mouseX + xoff, mouseY + yoff, val, val);
     }
     fill(255);
     ellipse(mouseX, mouseY, 2, 2);
   }
-}
+}

src/data/examples/es/17_Drawing/00_Continuous_Lines.js

@@ -12,4 +12,4 @@ function draw() {
   if (mouseIsPressed === true) {
     line(mouseX, mouseY, pmouseX, pmouseY);
   }
-}
+}

src/data/examples/es/17_Drawing/01_Pattern.js

@@ -9,19 +9,18 @@ function setup() {
 }
 
 function draw() {
-  
-  // Llame al método variableEllipse () y envíele los parámetros 
+  // Llame al método variableEllipse () y envíele los parámetros
   // para la posición actual del mouse y la posición anterior del mouse
   variableEllipse(mouseX, mouseY, pmouseX, pmouseY);
 }
 
-// El método simple variableEllipse () fue creado específicamente 
-// para este programa. Calcula la velocidad del mouse 
-// y dibuja una pequeña elipse si el mouse se mueve lentamente 
+// El método simple variableEllipse () fue creado específicamente
+// para este programa. Calcula la velocidad del mouse
+// y dibuja una pequeña elipse si el mouse se mueve lentamente
 // y dibuja una elipse grande si el mouse se mueve rápidamente
 
 function variableEllipse(x, y, px, py) {
-  var speed = abs(x-px) + abs(y-py);
+  let speed = abs(x - px) + abs(y - py);
   stroke(speed);
   ellipse(x, y, speed, speed);
-}
+}

src/data/examples/es/17_Drawing/02_Pulses.js

@@ -1,11 +1,11 @@
 /*
  * @name Pulsos
- * @description Los instrumentos de dibujo de software pueden seguir un ritmo o 
- * cumplir las reglas independientemente de los gestos dibujados. Esta es una 
+ * @description Los instrumentos de dibujo de software pueden seguir un ritmo o
+ * cumplir las reglas independientemente de los gestos dibujados. Esta es una
  * forma de dibujo colaborativo en el que el dibujante controla algunos aspectos
  * de la imagen y el software controla a los demás.
  */
-var angle = 0;
+let angle = 0;
 
 function setup() {
   createCanvas(710, 400);
@@ -18,14 +18,14 @@ function draw() {
   // Dibujar solo cuando se presiona el mouse
   if (mouseIsPressed === true) {
     angle += 5;
-    var val = cos(radians(angle)) * 12.0;
-    for (var a = 0; a < 360; a += 75) {
-      var xoff = cos(radians(a)) * val;
-      var yoff = sin(radians(a)) * val;
+    let val = cos(radians(angle)) * 12.0;
+    for (let a = 0; a < 360; a += 75) {
+      let xoff = cos(radians(a)) * val;
+      let yoff = sin(radians(a)) * val;
       fill(0);
       ellipse(mouseX + xoff, mouseY + yoff, val, val);
     }
     fill(255);
     ellipse(mouseX, mouseY, 2, 2);
   }
-}
+}

src/data/examples/zh-Hans/17_Drawing/00_Continuous_Lines.js

@@ -12,4 +12,4 @@ function draw() {
   if (mouseIsPressed === true) {
     line(mouseX, mouseY, pmouseX, pmouseY);
   }
-}
+}

src/data/examples/zh-Hans/17_Drawing/01_Pattern.js

@@ -9,19 +9,18 @@ function setup() {
 }
 
 function draw() {
-  
-  // Llame al método variableEllipse () y envíele los parámetros 
+  // Llame al método variableEllipse () y envíele los parámetros
   // para la posición actual del mouse y la posición anterior del mouse
   variableEllipse(mouseX, mouseY, pmouseX, pmouseY);
 }
 
-// El método simple variableEllipse () fue creado específicamente 
-// para este programa. Calcula la velocidad del mouse 
-// y dibuja una pequeña elipse si el mouse se mueve lentamente 
+// El método simple variableEllipse () fue creado específicamente
+// para este programa. Calcula la velocidad del mouse
+// y dibuja una pequeña elipse si el mouse se mueve lentamente
 // y dibuja una elipse grande si el mouse se mueve rápidamente
 
 function variableEllipse(x, y, px, py) {
-  var speed = abs(x-px) + abs(y-py);
+  let speed = abs(x - px) + abs(y - py);
   stroke(speed);
   ellipse(x, y, speed, speed);
-}
+}

src/data/examples/zh-Hans/17_Drawing/02_Pulses.js

@@ -1,11 +1,11 @@
 /*
  * @name Pulsos
- * @description Los instrumentos de dibujo de software pueden seguir un ritmo o 
- * cumplir las reglas independientemente de los gestos dibujados. Esta es una 
+ * @description Los instrumentos de dibujo de software pueden seguir un ritmo o
+ * cumplir las reglas independientemente de los gestos dibujados. Esta es una
  * forma de dibujo colaborativo en el que el dibujante controla algunos aspectos
  * de la imagen y el software controla a los demás.
  */
-var angle = 0;
+let angle = 0;
 
 function setup() {
   createCanvas(710, 400);
@@ -18,14 +18,14 @@ function draw() {
   // Dibujar solo cuando se presiona el mouse
   if (mouseIsPressed === true) {
     angle += 5;
-    var val = cos(radians(angle)) * 12.0;
-    for (var a = 0; a < 360; a += 75) {
-      var xoff = cos(radians(a)) * val;
-      var yoff = sin(radians(a)) * val;
+    let val = cos(radians(angle)) * 12.0;
+    for (let a = 0; a < 360; a += 75) {
+      let xoff = cos(radians(a)) * val;
+      let yoff = sin(radians(a)) * val;
       fill(0);
       ellipse(mouseX + xoff, mouseY + yoff, val, val);
     }
     fill(255);
     ellipse(mouseX, mouseY, 2, 2);
   }
-}
+}