Translation of missing example translations in Objects and Motion

Author: SamuelAl

src/data/examples/es/11_Objects/04_Inheritance.js

@@ -1,9 +1,9 @@
-/* @name Inheritance
- * @description A class can be defined using another class as a
- * foundation. In object-oriented programming terminology, one class can
- * inherit fields and methods from another. An object that inherits from
- * another is called a subclass, and the object it inherits from is called
- * a superclass. A subclass extends the superclass.
+/* @name Herencia
+ * @description Una clase puede ser definida usando otra clase como base.
+ * En la terminología de la programación orientada a objetos, una clase
+ * puede heredar campos y métodos de otra. Un objeto que hereda
+ * de otro se llama subclase, y el objeto del que hereda se
+ * llama superclase. Una subclase extiende la superclase.
  */
 let spots, arm;
 

src/data/examples/es/11_Objects/05_Composite_Objects.js

@@ -1,7 +1,7 @@
-/* @name Composite Objects
- * @description An object can include several other objects.
- * Creating such composite objects is a good way to use the principles
- * of modularity and build higher levels of abstraction within a program.
+/* @name Objetos Compuestos
+ * @description Un objeto puede incluir varios otros objetos.
+ * La creación de tales objetos compuestos es una buena manera de usar los principios
+ * de modularidad y construir niveles más altos de abstracción dentro de un programa.
  */
 let er1, er2;
 

src/data/examples/es/13_Motion/01_non_orthogonal_reflection.js

@@ -1,18 +1,18 @@
 /*
- * @name Non Orthogonal Reflection
+ * @name Reflejo no ortogonal
  * @frame 710,400 (optional)
- * @description This is a port by David Blitz of the "Reflection 1" example from processing.org/examples
+ * @description Este es un puerto de David Blitz del ejemplo "Reflection 1" en processing.org/examples
  */
 
-//Position of left hand side of floor
+//Posición del lado izquierdo del suelo
 let base1;
 
-//Position of right hand side of floor
+//Posición del lado derecho del suelo
 let base2;
-//Length of floor
+//La longitud del suelo
 //let baseLength;
 
-// Variables related to moving ball
+// Variables relacionadas con el movimiento de la bola
 let position;
 let velocity;
 let r = 6;
@@ -26,57 +26,57 @@ function setup() {
   base2 = createVector(width, height);
   //createGround();
 
-  //start ellipse at middle top of screen
+  //Empezar la elipse en el centro de la parte superior de la pantalla
   position = createVector(width / 2, 0);
 
-  //calculate initial random velocity
+  //Calcular la velocidad aleatoria inicial
   velocity = p5.Vector.random2D();
   velocity.mult(speed);
 }
 
 function draw() {
-  //draw background
+  //dibujar el fondo
   fill(0, 12);
   noStroke();
   rect(0, 0, width, height);
 
-  //draw base
+  //dibujar la base
   fill(200);
   quad(base1.x, base1.y, base2.x, base2.y, base2.x, height, 0, height);
 
-  //calculate base top normal
+  //calcular la normal a la base superior
   let baseDelta = p5.Vector.sub(base2, base1);
   baseDelta.normalize();
   let normal = createVector(-baseDelta.y, baseDelta.x);
   let intercept = p5.Vector.dot(base1, normal);
 
-  //draw ellipse
+  //dibujar elipse
   noStroke();
   fill(255);
   ellipse(position.x, position.y, r * 2, r * 2);
 
-  //move ellipse
+  //mover elipse
   position.add(velocity);
 
-  //normalized incidence vector
+  //vector de incidencia normalizado
   incidence = p5.Vector.mult(velocity, -1);
   incidence.normalize();
 
-  // detect and handle collision with base
+  // detectar y gestionar la colisión con la base
   if (p5.Vector.dot(normal, position) > intercept) {
-    //calculate dot product of incident vector and base top
+    //calcular el producto escalar del vector incidente y la parte superior de la base
     let dot = incidence.dot(normal);
 
-    //calculate reflection vector
-    //assign reflection vector to direction vector
+    //calcular el vector del reflejo
+    //asignar el vector de reflejo al vector de dirección
     velocity.set(
       2 * normal.x * dot - incidence.x,
       2 * normal.y * dot - incidence.y,
       0
     );
     velocity.mult(speed);
 
-    // draw base top normal at collision point
+    // dibujar la base superior normal en el punto de colisión
     stroke(255, 128, 0);
     line(
       position.x,
@@ -87,23 +87,23 @@ function draw() {
   }
   //}
 
-  // detect boundary collision
-  // right
+  // detectar la colisión límite
+  // derecha
   if (position.x > width - r) {
     position.x = width - r;
     velocity.x *= -1;
   }
-  // left
+  // izquierda
   if (position.x < r) {
     position.x = r;
     velocity.x *= -1;
   }
-  // top
+  // arriba
   if (position.y < r) {
     position.y = r;
     velocity.y *= -1;
 
-    //randomize base top
+    //aleatorizar la parte superior de la base
     base1.y = random(height - 100, height);
     base2.y = random(height - 100, height);
   }

src/data/examples/es/13_Motion/02_Linear_Motion.js

@@ -1,9 +1,9 @@
 /*
- * @name Linear
+ * @name Lineal
  * @frame 720,400
- * @description Changing a variable to create a moving line.
- * When the line moves off the edge of the window,
- * the variable is set to 0, which places the line back at the bottom of the screen.
+ * @description Cambiar una variable para crear una línea en movimiento.
+ * Cuando la línea se mueve fuera del borde de la ventana,
+ * la variable se pone a 0, lo que coloca la línea de nuevo en la parte inferior de la pantalla.
  */
 
 let a;

src/data/examples/es/13_Motion/03_Bounce.js

@@ -1,44 +1,44 @@
 /*
- * @name Bounce
+ * @name Rebote
  * @frame 720,400
- * @description When the shape hits the edge of the window, it reverses its direction.
+ * @description Cuando la forma golpea el borde de la ventana, invierte su dirección.
  */
 
-let rad = 60; // Width of the shape
-let xpos, ypos; // Starting position of shape
+let rad = 60; // El ancho de la forma
+let xpos, ypos; // Posición inicial de la forma
 
-let xspeed = 2.8; // Speed of the shape
-let yspeed = 2.2; // Speed of the shape
+let xspeed = 2.8; // La velocidad de la forma
+let yspeed = 2.2; // La velocidad de la forma
 
-let xdirection = 1; // Left or Right
-let ydirection = 1; // Top to Bottom
+let xdirection = 1; // Izquierda o derecha
+let ydirection = 1; // De arriba a abajo
 
 function setup() {
   createCanvas(720, 400);
   noStroke();
   frameRate(30);
   ellipseMode(RADIUS);
-  // Set the starting position of the shape
+  // Establecer la posición de partida de la forma
   xpos = width / 2;
   ypos = height / 2;
 }
 
 function draw() {
   background(102);
 
-  // Update the position of the shape
+  // Actualizar la posición de la forma
   xpos = xpos + xspeed * xdirection;
   ypos = ypos + yspeed * ydirection;
 
-  // Test to see if the shape exceeds the boundaries of the screen
-  // If it does, reverse its direction by multiplying by -1
+  // Prueba para ver si la forma excede los límites de la pantalla
+  // Si lo hace, invierta su dirección multiplicando por -1
   if (xpos > width - rad || xpos < rad) {
     xdirection *= -1;
   }
   if (ypos > height - rad || ypos < rad) {
     ydirection *= -1;
   }
 
-  // Draw the shape
+  // Dibuja la forma
   ellipse(xpos, ypos, rad, rad);
 }

src/data/examples/es/13_Motion/04_Bouncy_Bubbles.js

@@ -1,7 +1,7 @@
 /*
- * @name Bouncy Bubbles
+ * @name Burbujas Saltarinas
  * @frame 720,400
- * @description  based on code from Keith Peters. Multiple-object collision..
+ * @description  basado en el código de Keith Peters. Colisión de múltiples objetos...
  */
 
 let numBalls = 13;

src/data/examples/es/13_Motion/05_Morph.js

@@ -1,50 +1,50 @@
 /*
- * @name Morph
+ * @name Transformar
  * @frame 720,400
- * @description Changing one shape into another by interpolating vertices from one to another.
+ * @description Cambiar una forma por otra interpolando vértices de uno a otro.
  */
 
-// Two ArrayLists to store the vertices for two shapes
-// This example assumes that each shape will have the same
-// number of vertices, i.e. the size of each ArrayList will be the same
+// Dos ArrayList para almacenar los vértices de dos geometrias
+// Este ejemplo asume que cada forma tendrá el mismo número de vértices
+// es decir, el tamaño de cada ArrayList será el mismo
 let circle = [];
 let square = [];
 
-// An ArrayList for a third set of vertices, the ones we will be drawing
-// in the window
+// Un ArrayList para un tercer conjunto de vértices, los que dibujaremos
+// en la ventana
 let morph = [];
 
-// This boolean variable will control if we are morphing to a circle or square
+// Esta variable booleana controlará si estamos transformando en un círculo o un cuadrado
 let state = false;
 
 function setup() {
   createCanvas(720, 400);
 
-  // Create a circle using vectors pointing from center
+  // Crear un círculo usando vectores que apunten desde el centro
   for (let angle = 0; angle < 360; angle += 9) {
-    // Note we are not starting from 0 in order to match the
-    // path of a circle.
+    // Ten en cuenta que no estamos empezando desde 0 para que coincida con
+    // la trayectoria de un círculo.
     let v = p5.Vector.fromAngle(radians(angle - 135));
     v.mult(100);
     circle.push(v);
-    // Let's fill out morph ArrayList with blank PVectors while we are at it
+    // Llenemos el ArrayList de transformación con PVectores en blanco mientras estamos en ello.
     morph.push(createVector());
   }
 
-  // A square is a bunch of vertices along straight lines
-  // Top of square
+  // Un cuadrado es un montón de vértices a lo largo de líneas rectas
+  // La parte superior del cuadrado
   for (let x = -50; x < 50; x += 10) {
     square.push(createVector(x, -50));
   }
-  // Right side
+  // Lado derecho
   for (let y = -50; y < 50; y += 10) {
     square.push(createVector(50, y));
   }
-  // Bottom
+  // Parte inferior
   for (let x = 50; x > -50; x -= 10) {
     square.push(createVector(x, 50));
   }
-  // Left side
+  // Lado izquierdo
   for (let y = 50; y > -50; y -= 10) {
     square.push(createVector(-50, y));
   }
@@ -53,35 +53,35 @@ function setup() {
 function draw() {
   background(51);
 
-  // We will keep how far the vertices are from their target
+  // Guardaremos la distancia de los vértices de su objetivo
   let totalDistance = 0;
 
-  // Look at each vertex
+  // Mira cada vértice
   for (let i = 0; i < circle.length; i++) {
     let v1;
-    // Are we lerping to the circle or square?
+    // ¿Estamos yendo hacia el círculo o hacia el cuadrado?
     if (state) {
       v1 = circle[i];
     } else {
       v1 = square[i];
     }
-    // Get the vertex we will draw
+    // Consigue el vértice que dibujaremos
     let v2 = morph[i];
-    // Lerp to the target
+    // Transiciona hacia el objetivo...
     v2.lerp(v1, 0.1);
-    // Check how far we are from target
+    // Comprueba lo lejos que estamos del objetivo
     totalDistance += p5.Vector.dist(v1, v2);
   }
 
-  // If all the vertices are close, switch shape
+  // Si todos los vértices están cerca, cambia de forma
   if (totalDistance < 0.1) {
     state = !state;
   }
 
-  // Draw relative to center
+  // Dibuja relativo al centro
   translate(width / 2, height / 2);
   strokeWeight(4);
-  // Draw a polygon that makes up all the vertices
+  // Dibuja un polígono compuesto de todos los vértices
   beginShape();
   noFill();
   stroke(255);

src/data/examples/es/13_Motion/06_Moving_On_Curves.js

@@ -1,21 +1,21 @@
 /*
- * @name Moving On Curves
+ * @name Moviéndose por Curvas
  * @frame 720,400
- * @description In this example, the circles moves along the curve y = x^4.
- * Click the mouse to have it move to a new position.
+ * @description En este ejemplo, los círculos se mueven a lo largo de la curva y = x^4.
+ * Haz clic con el ratón para que se mueva a una nueva posición.
  */
 
-let beginX = 20.0; // Initial x-coordinate
-let beginY = 10.0; // Initial y-coordinate
-let endX = 570.0; // Final x-coordinate
-let endY = 320.0; // Final y-coordinate
-let distX; // X-axis distance to move
-let distY; // Y-axis distance to move
-let exponent = 4; // Determines the curve
-let x = 0.0; // Current x-coordinate
-let y = 0.0; // Current y-coordinate
-let step = 0.01; // Size of each step along the path
-let pct = 0.0; // Percentage traveled (0.0 to 1.0)
+let beginX = 20.0; // Coordenada X inicial
+let beginY = 10.0; // Coordenada Y inicial
+let endX = 570.0; // Coordenada X final
+let endY = 320.0; // Coordenada Y final
+let distX; // Distancia que moverse en el eje X
+let distY; // Distancia que moverse en el eje Y
+let exponent = 4; // Determina la curva
+let x = 0.0; // Coordenada X actual
+let y = 0.0; // Coordenada Y actual
+let step = 0.01; // Tamaño de cada paso a lo largo del camino
+let pct = 0.0; // Porcentaje viajado (0.0 a 1.0)
 
 function setup() {
   createCanvas(720, 400);