Created a SPANISH draw.mdx

Author: lauradowell

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

@@ -0,0 +1,84 @@
+---
+title: draw
+module: Structure
+submodule: Structure
+file: src/core/main.js
+description: >
+  <p>Llamada directamente después de <a href="/reference/p5/setup">setup()</a>, la función <a
+  href="/reference/p5/draw">draw()</a> ejecuta continuamente
+
+  las líneas de código contenidas dentro de su bloque hasta que el programa se detenga
+
+  o se llame a <a href="/reference/p5/noLoop">noLoop()</a>. Nota: si se llama a <a
+  href="/reference/p5/noLoop">noLoop()</a> dentro de <a
+  href="/reference/p5/setup">setup()</a>, <a
+  href="/reference/p5/draw">draw()</a>
+
+  se ejecutará una vez más antes de detenerse. <a
+  href="/reference/p5/draw">draw()</a> se llama automáticamente y
+
+  nunca debe ser llamado explícitamente.</p>
+
+  <p>Siempre debe ser controlado con <a
+  href="/reference/p5/noLoop">noLoop()</a>, <a
+  href="/reference/p5/redraw">redraw()</a> y <a
+  href="/reference/p5/loop">loop()</a>. Después de que
+
+  <a href="/reference/p5/noLoop">noLoop()</a> detenga el código en <a
+  href="/reference/p5/draw">draw()</a> de ejecutarse, <a
+  href="/reference/p5/redraw">redraw()</a> hace que el
+
+  código dentro de <a href="/reference/p5/draw">draw()</a> se ejecute una vez, y <a
+  href="/reference/p5/loop">loop()</a> hará que el código
+
+  dentro de <a href="/reference/p5/draw">draw()</a> vuelva a ejecutarse continuamente.</p>
+
+  <p>El número de veces que <a href="/reference/p5/draw">draw()</a> se ejecuta en
+  cada segundo puede controlarse con
+
+  la función <a href="/reference/p5/frameRate">frameRate()</a>.</p>
+
+  <p>Solo puede haber una función <a href="/reference/p5/draw">draw()</a> por
+  cada sketch, y <a href="/reference/p5/draw">draw()</a> debe
+
+  existir si deseas que el código se ejecute continuamente, o para procesar eventos como
+
+  <a href="/reference/p5/mousePressed">mousePressed()</a>. A veces, puedes tener una llamada vacía a <a href="/reference/p5/draw">draw()</a> en
+
+  el programa, como se muestra en el ejemplo anterior.</p>
+
+  <p>Es importante tener en cuenta que el sistema de coordenadas de dibujo se restablecerá
+
+  al comienzo de cada llamada a <a href="/reference/p5/draw">draw()</a>. Si se realizan
+  transformaciones dentro de <a href="/reference/p5/draw">draw()</a> (ej: escalar, rotar, traducir),
+  sus efectos se
+
+  desharán al comienzo de <a href="/reference/p5/draw">draw()</a>, por lo que las
+  transformaciones no se acumularán
+
+  con el tiempo. Por otro lado, el estilo aplicado (ej: fill, stroke, etc.) mantendrán su efecto.</p>
+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
+---