convert var to let

Author: keshavg2

src/data/examples/es/09_Simulate/00_Forces.js

@@ -9,16 +9,16 @@
 // cuerpos sujetos a resistencia de fluidos cuando están en el "agua"
 
 // Cinco cuerpos en movimiento
-var movers = [];
+let movers = [];
 
 // Líquido
-var liquid;
+let liquid;
 
 function setup() {
   createCanvas(640, 360);
   reset();
   // Crear objeto líquido
-  liquid = new Liquid(0, height/2, width, height/2, 0.1);
+  liquid = new Liquid(0, height / 2, width, height / 2, 0.1);
 }
 
 function draw() {
@@ -27,18 +27,18 @@ function draw() {
   // Dibujar el agua
   liquid.display();
 
-  for (var i = 0; i < movers.length; i++) {
+  for (let i = 0; i < movers.length; i++) {
 
     // ¿Está el objeto Mover dentro del objeto líquido?
     if (liquid.contains(movers[i])) {
       // Calcular fuerza de arrastre
-      var dragForce = liquid.calculateDrag(movers[i]);
+      let dragForce = liquid.calculateDrag(movers[i]);
       // Aplicar fuerza de arrastre a Mover
       movers[i].applyForce(dragForce);
     }
 
     // Aquí se escala la gravedad según la masa
-    var gravity = createVector(0, 0.1*movers[i].mass);
+    let gravity = createVector(0, 0.1*movers[i].mass);
     // Aplicar gravedad
     movers[i].applyForce(gravity);
 
@@ -57,12 +57,12 @@ function mousePressed() {
 
 // Reiniciar todos los objetos Mover aleatoriamente
 function reset() {
-  for (var i = 0; i < 9; i++) {
-    movers[i] = new Mover(random(0.5, 3), 40+i*70, 0);
+  for (let i = 0; i < 9; i++) {
+    movers[i] = new Mover(random(0.5, 3), 40 + i * 70, 0);
   }
 }
 
-var Liquid = function(x, y, w, h, c) {
+let Liquid = function(x, y, w, h, c) {
   this.x = x;
   this.y = y;
   this.w = w;
@@ -72,19 +72,19 @@ var Liquid = function(x, y, w, h, c) {
 
 // ¿Está el objeto Mover dentro del objeto líquido?
 Liquid.prototype.contains = function(m) {
-  var l = m.position;
+  let l = m.position;
   return l.x > this.x && l.x < this.x + this.w &&
          l.y > this.y && l.y < this.y + this.h;
 };
 
 // Calcular fuerza de arrastre
 Liquid.prototype.calculateDrag = function(m) {
   // Magnitud es coeficiente * velocidad al cuadrado
-  var speed = m.velocity.mag();
-  var dragMagnitude = this.c * speed * speed;
+  let speed = m.velocity.mag();
+  let dragMagnitude = this.c * speed * speed;
 
   // Dirección es el inverso de la velocidad
-  var dragForce = m.velocity.copy();
+  let dragForce = m.velocity.copy();
   dragForce.mult(-1);
 
   // Escalar según magnitud
@@ -100,17 +100,17 @@ Liquid.prototype.display = function() {
   rect(this.x, this.y, this.w, this.h);
 };
 
-function Mover(m,x,y) {
+function Mover(m, x, y) {
   this.mass = m;
-  this.position = createVector(x,y);
-  this.velocity = createVector(0,0);
-  this.acceleration = createVector(0,0);
+  this.position = createVector(x, y);
+  this.velocity = createVector(0, 0);
+  this.acceleration = createVector(0, 0);
 }
 
 // Segunda ley de Newton: F = M * A
 // ó A = F / M
 Mover.prototype.applyForce = function(force) {
-  var f = p5.Vector.div(force,this.mass);
+  let f = p5.Vector.div(force,this.mass);
   this.acceleration.add(f);
 };
 
@@ -126,15 +126,15 @@ Mover.prototype.update = function() {
 Mover.prototype.display = function() {
   stroke(0);
   strokeWeight(2);
-  fill(255,127);
-  ellipse(this.position.x,this.position.y,this.mass*16,this.mass*16);
+  fill(255, 127);
+  ellipse(this.position.x, this.position.y, this.mass * 16, this.mass * 16);
 };
 
 // Rebotar contra la parte inferior de la ventana
 Mover.prototype.checkEdges = function() {
-  if (this.position.y > (height - this.mass*8)) {
+  if (this.position.y > (height - this.mass * 8)) {
     // Un poco de amortiguamiento al rebotar contra el fondo
     this.velocity.y *= -0.9;
-    this.position.y = (height - this.mass*8);
+    this.position.y = (height - this.mass * 8);
   }
 };

src/data/examples/es/09_Simulate/01_ParticleSystem.js

@@ -3,11 +3,11 @@
  * @description Este es un sistema básico de partículas
  * (<a href="http://natureofcode.com">natureofcode.com</a>)
  */
-var system;
+let system;
 
 function setup() {
   createCanvas(720, 400);
-  system = new ParticleSystem(createVector(width/2, 50));
+  system = new ParticleSystem(createVector(width / 2, 50));
 }
 
 function draw() {
@@ -17,7 +17,7 @@ function draw() {
 }
 
 // Una clase simple de partícula (Particle)
-var Particle = function(position) {
+let Particle = function(position) {
   this.acceleration = createVector(0, 0.05);
   this.velocity = createVector(random(-1, 1), random(-1, 0));
   this.position = position.copy();
@@ -53,7 +53,7 @@ Particle.prototype.isDead = function(){
   }
 };
 
-var ParticleSystem = function(position) {
+let ParticleSystem = function(position) {
   this.origin = position.copy();
   this.particles = [];
 };
@@ -63,8 +63,8 @@ ParticleSystem.prototype.addParticle = function() {
 };
 
 ParticleSystem.prototype.run = function() {
-  for (var i = this.particles.length-1; i >= 0; i--) {
-    var p = this.particles[i];
+  for (let i = this.particles.length-1; i >= 0; i--) {
+    let p = this.particles[i];
     p.run();
     if (p.isDead()) {
       this.particles.splice(i, 1);

src/data/examples/es/09_Simulate/02_Flocking.js

@@ -8,18 +8,18 @@
  */
 
 
-var flock;
+let flock;
 
-var text;
+let text;
 
 function setup() {
-  createCanvas(640,360);
+  createCanvas(640, 360);
   createP("Drag the mouse to generate new boids.");
 
   flock = new Flock();
   // Añade un conjunto inicial de boids al sistema
-  for (var i = 0; i < 100; i++) {
-    var b = new Boid(width/2,height/2);
+  for (let i = 0; i < 100; i++) {
+    let b = new Boid(width / 2,height / 2);
     flock.addBoid(b);
   }
 }
@@ -31,7 +31,7 @@ function draw() {
 
 // Añade un nuevo boid al sistema
 function mouseDragged() {
-  flock.addBoid(new Boid(mouseX,mouseY));
+  flock.addBoid(new Boid(mouseX, mouseY));
 }
 
 // The Nature of Code
@@ -47,7 +47,7 @@ function Flock() {
 }
 
 Flock.prototype.run = function() {
-  for (var i = 0; i < this.boids.length; i++) {
+  for (let i = 0; i < this.boids.length; i++) {
     this.boids[i].run(this.boids);  // Pasar la lista entera de boids a cada boid de forma individual
   }
 }
@@ -63,9 +63,9 @@ Flock.prototype.addBoid = function(b) {
 // Clase Boid
 // Métodos para Separación, Cohesión, alineamiento
 
-function Boid(x,y) {
-  this.acceleration = createVector(0,0);
-  this.velocity = createVector(random(-1,1),random(-1,1));
+function Boid(x, y) {
+  this.acceleration = createVector(0, 0);
+  this.velocity = createVector(random(-1, 1),random(-1, 1));
   this.position = createVector(x,y);
   this.r = 3.0;
   this.maxspeed = 3;    // Velocidad máxima
@@ -86,9 +86,9 @@ Boid.prototype.applyForce = function(force) {
 
 // Acumular una nueva aceleración cada vez basado en tres reglas
 Boid.prototype.flock = function(boids) {
-  var sep = this.separate(boids);   // Separación
-  var ali = this.align(boids);      // Alineamiento
-  var coh = this.cohesion(boids);   // Cohesión
+  let sep = this.separate(boids);   // Separación
+  let ali = this.align(boids);      // Alineamiento
+  let coh = this.cohesion(boids);   // Cohesión
   // Dar un peso arbitrario a cada fuerza
   sep.mult(1.5);
   ali.mult(1.0);
@@ -113,28 +113,28 @@ Boid.prototype.update = function() {
 // Un método que calcula y aplica una fuerza de viraje hacia una posición objetivo
 // VIRAJE = DESEADO - VELOCIDAD
 Boid.prototype.seek = function(target) {
-  var desired = p5.Vector.sub(target,this.position);  // Un vector apuntando desde la ubicación hacia el objetivo
+  let desired = p5.Vector.sub(target, this.position);  // Un vector apuntando desde la ubicación hacia el objetivo
   // Normalizar deseado y escalar según velocidad máxima
   desired.normalize();
   desired.mult(this.maxspeed);
   // Viraje = Deseado - Velocidad
-  var steer = p5.Vector.sub(desired,this.velocity);
+  let steer = p5.Vector.sub(desired, this.velocity);
   steer.limit(this.maxforce);  // Limita al máximo de fuerza de viraje
   return steer;
 }
 
 Boid.prototype.render = function() {
   // Dibuja un triángulo rotado en la dirección de la velocidad
-  var theta = this.velocity.heading() + radians(90);
+  let theta = this.velocity.heading() + radians(90);
   fill(127);
   stroke(200);
   push();
-  translate(this.position.x,this.position.y);
+  translate(this.position.x, this.position.y);
   rotate(theta);
   beginShape();
-  vertex(0, -this.r*2);
-  vertex(-this.r, this.r*2);
-  vertex(this.r, this.r*2);
+  vertex(0, -this.r * 2);
+  vertex(-this.r, this.r * 2);
+  vertex(this.r, this.r * 2);
   endShape(CLOSE);
   pop();
 }
@@ -143,23 +143,23 @@ Boid.prototype.render = function() {
 Boid.prototype.borders = function() {
   if (this.position.x < -this.r)  this.position.x = width +this.r;
   if (this.position.y < -this.r)  this.position.y = height+this.r;
-  if (this.position.x > width +this.r) this.position.x = -this.r;
-  if (this.position.y > height+this.r) this.position.y = -this.r;
+  if (this.position.x > width + this.r) this.position.x = -this.r;
+  if (this.position.y > height+ this.r) this.position.y = -this.r;
 }
 
 // Separación
 // Método que revisa los boids cercanos y vira para alejarse de ellos
 Boid.prototype.separate = function(boids) {
-  var desiredseparation = 25.0;
-  var steer = createVector(0,0);
-  var count = 0;
+  let desiredseparation = 25.0;
+  let steer = createVector(0, 0);
+  let count = 0;
   // Por cada boid en el sistema, revisa si está muy cerca
-  for (var i = 0; i < boids.length; i++) {
-    var d = p5.Vector.dist(this.position,boids[i].position);
+  for (let i = 0; i < boids.length; i++) {
+    let d = p5.Vector.dist(this.position, boids[i].position);
     // Si la distancia es mayor a 0 y menor que una cantidad arbitraria (0 cuando eres tú mismo)
     if ((d > 0) && (d < desiredseparation)) {
       // Calcular el vector apuntando a alejarse del vecino
-      var diff = p5.Vector.sub(this.position,boids[i].position);
+      let diff = p5.Vector.sub(this.position, boids[i].position);
       diff.normalize();
       diff.div(d);        // Peso por distancia
       steer.add(diff);
@@ -185,11 +185,11 @@ Boid.prototype.separate = function(boids) {
 // Alineamiento
 // Para cada boid cercano en el sistema, calcula la velocidad promedio
 Boid.prototype.align = function(boids) {
-  var neighbordist = 50;
-  var sum = createVector(0,0);
-  var count = 0;
-  for (var i = 0; i < boids.length; i++) {
-    var d = p5.Vector.dist(this.position,boids[i].position);
+  let neighbordist = 50;
+  let sum = createVector(0, 0);
+  let count = 0;
+  for (let i = 0; i < boids.length; i++) {
+    let d = p5.Vector.dist(this.position,boids[i].position);
     if ((d > 0) && (d < neighbordist)) {
       sum.add(boids[i].velocity);
       count++;
@@ -199,22 +199,22 @@ Boid.prototype.align = function(boids) {
     sum.div(count);
     sum.normalize();
     sum.mult(this.maxspeed);
-    var steer = p5.Vector.sub(sum,this.velocity);
+    let steer = p5.Vector.sub(sum, this.velocity);
     steer.limit(this.maxforce);
     return steer;
   } else {
-    return createVector(0,0);
+    return createVector(0, 0);
   }
 }
 
 // Cohesión
 // Para la ubicación promedio (centro) de todos los boids cercanos, calcula el vector de viraje hacia esa ubicación.
 Boid.prototype.cohesion = function(boids) {
-  var neighbordist = 50;
-  var sum = createVector(0,0);   // Empieza con un vector vacío para acumular todas las posiciones
-  var count = 0;
-  for (var i = 0; i < boids.length; i++) {
-    var d = p5.Vector.dist(this.position,boids[i].position);
+  let neighbordist = 50;
+  let sum = createVector(0, 0);   // Empieza con un vector vacío para acumular todas las posiciones
+  let count = 0;
+  for (let i = 0; i < boids.length; i++) {
+    let d = p5.Vector.dist(this.position,boids[i].position);
     if ((d > 0) && (d < neighbordist)) {
       sum.add(boids[i].position); // Añada posición
       count++;
@@ -224,6 +224,6 @@ Boid.prototype.cohesion = function(boids) {
     sum.div(count);
     return this.seek(sum);  // Vira hacia la posición
   } else {
-    return createVector(0,0);
+    return createVector(0, 0);
   }
 }