Merge pull request #388 from lauradowell/spanish_translations_setup_draw

Spanish translations setup draw

Author: limzykenneth

src/content/reference/es/p5/draw.mdx

@@ -0,0 +1,60 @@
+---
+title: draw
+module: Structure
+submodule: Structure
+file: src/core/main.js
+description: |
+    <p>
+      La función <code>draw()</code> es la función central de un sketch. Se
+      ejecuta de forma continua después de la función
+      <a href="/reference/p5/setup">setup()</a>, hasta que el programa se
+      detenga o se llame a la función <code>noLoop()</code>. La frecuencia de
+      ejecución se establece por defecto en 60 fotogramas por segundo, y podemos
+      ajustarlo mediante la función
+      <a href="/reference/p5/frameRate">frameRate()</a>.
+    </p>
+    <p>
+      Podemos controlar cuándo y cómo se ejecuta <code>draw()</code> con las
+      funciones:
+    </p> 
+    <ul>
+      <li><a href="/reference/p5/noLoop">noLoop()</a> - Detiene la ejecución de cíclica de <code>draw()</code>.</li>
+      <li><a href="/reference/p5/loop">loop()</a> - Reanuda la ejecución de cíclica <code>draw()</code>.</li>
+      <li><a href="/reference/p5/redraw">redraw()</a> - Ejecuta <code>draw()</code> una sola vez después de haber sido invocada.</li>
+    </ul>
+    <p>
+      Nota: si se llama la función <code>noLoop()</code> dentro de <code>setup()</code>,
+      <code>draw()</code> se ejecutará una vez más antes de detenerse.
+    </p>
+    <p>Consideraciones importantes:</p>
+    <ul>
+      <li>Solo puede haber una función <code>draw()</code> por sketch.</li>
+      <li>La función <code>draw()</code> es indispensable para generar animaciones o procesar eventos como <a href="/reference/p5/mousePressed">mousePressed()</a>.</li>
+      <li>Los estilos aplicados, como <code>fill()</code> y <code>stroke()</code>, se mantienen entre ejecuciones consecutivas de <code>draw()</code>.</li>
+      <li>Al inicio de cada ejecución de <code>draw()</code>, el sistema de coordenadas se reinicia. Las transformaciones aplicadas previamente, como escalar, rotar y traslación, se eliminan evitando su acumulación.</li>
+    </ul>
+line: 113
+isConstructor: false
+itemtype: method
+alt: nothing displayed
+example:
+  - |-
+    <div><code>
+    let yPos = 0;
+    function setup() {
+      // setup() runs once
+      frameRate(30);
+    }
+    function draw() {
+      // draw() loops forever, until stopped
+      background(204);
+      yPos = yPos - 1;
+      if (yPos < 0) {
+        yPos = height;
+      }
+      line(0, yPos, width, yPos);
+    }
+    </code></div>
+class: p5
+chainable: false
+---

src/content/reference/es/p5/setup.mdx

@@ -0,0 +1,30 @@
+---
+title: setup
+module: Structure
+submodule: Structure
+file: src/core/main.js
+description: >
+  <p>La función <a href="/reference/p5/setup">setup()</a> es llamada una vez al comienzo del programa. Se utiliza para 
+  <b>configurar el entorno inicial</b>, como el tamaño de la pantalla, el color del fondo, y para cargar archivos multimedia, imágenes y fuentes, al inicializar el programa.</p>
+  <p>Solo puede haber una función <a href="/reference/p5/setup">setup()</a> por programa y no debería volverse a llamar después de su ejecución inicial.</p>
+  <p>Nota: Las variables declaradas dentro de <a href="/reference/p5/setup">setup()</a> no son accesibles dentro de otras funciones, incluyendo a <a href="/reference/p5/draw">draw()</a>.</p>
+line: 82
+isConstructor: false
+itemtype: method
+alt: nothing displayed
+example:
+  - |-
+    <div><code>
+    let a = 0;
+    function setup() {
+      background(0);
+      noStroke();
+      fill(102);
+    }
+    function draw() {
+      rect(a++ % width, 10, 2, 80);
+    }
+    </code></div>
+class: p5
+chainable: false
+---