Merge pull request #751 from SamuelAl/spanish-translation

Spanish translation

Author: montoyamoraga

src/data/examples/es/10_Interaction/28_ArduinoSensor.js

@@ -1,35 +1,35 @@
 /*
- * @name Arduino sensor data via WebJack
- * @description WebJack is a way to read data from an Arduino (and other sources)
- * using audio -- it basically turns your Arduino into an audio modem.
- * 
+ * @name Datos de un sensor Arduino vía WebJack
+ * @description WebJack es una forma de leer datos de un Arduino (y otras fuentes)
+ * usando audio... básicamente convierte tu Arduino en un modem de audio.
+ *
  * https://github.com/publiclab/webjack
- * 
- * Note: WebJack and p5-webjack libraries must be added to your index.html as follows:
+ *
+ * Importante: Las bibliotecas WebJack y p5-webjack deben ser agregadas a tu index.html de la siguiente manera:
  * <pre><code class="language-markup">&lt;script src="https://webjack.io/dist/webjack.js">&lt;/script></code></pre>
  * <pre><code class="language-markup">&lt;script src="https://jywarren.github.io/p5-webjack/lib.js">&lt;/script></code></pre>
- * 
- * Working example: https://editor.p5js.org/jywarren/sketches/rkztwSt8M
- * 
- * Testing audio: https://www.youtube.com/watch?v=GtJW1Dlt3cg
- * Load this sketch onto an Arduino: 
+ *
+ * Ejemplo práctico: https://editor.p5js.org/jywarren/sketches/rkztwSt8M
+ *
+ * Audio de prueba https://www.youtube.com/watch?v=GtJW1Dlt3cg
+ * Carga este lienzo en un Arduino:
  * https://create.arduino.cc/editor/jywarren/023158d8-be51-4c78-99ff-36c63126b554/preview
- * Arduino will output audio from pin 3 + ground. Use microphone or an audio cable.
+ * Arduino emitirá el audio desde el pin 3 + tierra. Usa el micrófono o un cable de audio.
  */
 
-function setup() { 
+function setup() {
   createCanvas(400, 400);
   noStroke();
   fill('#ff00aa22');
   receiveSensorData(handleData);
-} 
+}
 
 function handleData(data) {
 
-  console.log(data); // output the values to log
-  // data[0] is the 1st value, data[1] 2nd, etc.
+  console.log(data); // emitir los valores a registrar
+  // data[0] es el primer valor, data[1] el segundo, etc.
 
-  // draw stuff! Browse http://p5js.org/reference/
+  // Dibuja! Navega http://p5js.org/reference/
   background('#ddd');
   ellipse(100, 200, data[0]+10, data[0]+10);
 

src/data/examples/es/10_Interaction/29_kaleidoscope.js

@@ -1,47 +1,48 @@
 /*
- * @name Kaleidoscope
- * @description Un kaleidoscope es un instrumento óptico con dos o más superficies reflectantes inclinadas entre sí en ángulo. Este ejemplo intenta replicar el comportamiento de un caleidoscopio. Establezca el número de reflexiones en la variable de simetría y comience a dibujar en la pantalla. Ajuste el tamaño del pincel con la ayuda del control deslizante. La pantalla clara como dice borra la pantalla. El botón Guardar descargará un archivo .jpg del arte que ha creado.
+ * @name Caleidoscopio
+ * @description Un caleidoscopio es un instrumento óptico con dos o más superficies reflectantes inclinadas entre sí en ángulo. Este ejemplo intenta replicar el comportamiento de un caleidoscopio. Establezca el número de reflexiones en la variable de simetría y comience a dibujar en la pantalla. Ajuste el tamaño del pincel con la ayuda del control deslizante. La pantalla clara como dice borra la pantalla. El botón Guardar descargará un archivo .jpg del arte que ha creado.
  */
-// Symmetry corresponding to the number of reflections. Change the number for different number of reflections 
-let symmetry = 6;   
+// Simetría correspondiente al número de reflejos.
+// Cambia el valor para obtener un número diferente de reflexiones
+let symmetry = 6;
 
 let angle = 360 / symmetry;
 let saveButton, clearButton, mouseButton, keyboardButton;
 let slider;
 
-function setup() { 
+function setup() {
   createCanvas(710, 710);
   angleMode(DEGREES);
   background(127);
 
-  // Creating the save button for the file
+  // Creando el botón para guardar para el archivo
   saveButton = createButton('save');
   saveButton.mousePressed(saveFile);
 
-  // Creating the clear screen button
+  // Creando el botón para borrar la pantalla
   clearButton = createButton('clear');
   clearButton.mousePressed(clearScreen);
 
-  // Creating the button for Full Screen
+  // Creando el botón para la pantalla completa
   fullscreenButton = createButton('Full Screen');
   fullscreenButton.mousePressed(screenFull);
 
-  // Setting up the slider for the thickness of the brush
+  // Configurando el deslizador para el grosor del pincel
   brushSizeSlider = createButton('Brush Size Slider');
   sizeSlider = createSlider(1, 32, 4, 0.1);
 }
 
-// Save File Function
+// Función para guardar el archivo
 function saveFile() {
   save('design.jpg');
 }
 
-// Clear Screen function
+// Función para limpiar la pantalla
 function clearScreen() {
   background(127);
 }
 
-// Full Screen Function
+// Función para pantalla completa
 function screenFull() {
   let fs = fullscreen();
   fullscreen(!fs);
@@ -55,7 +56,7 @@ function draw() {
     let my = mouseY - height / 2;
     let pmx = pmouseX - width / 2;
     let pmy = pmouseY - height / 2;
-    
+
     if (mouseIsPressed) {
       for (let i = 0; i < symmetry; i++) {
         rotate(angle);

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;