add fixes

Author: montoyamoraga

Diff for: content/ch00-preface.html

@@ -3,17 +3,17 @@ <h1 class="chapterhead">Prefacio</h1>
 
 <p class="lede">p5.js est&#xE1; inspirado y guiado por otro proyecto, que empez&#xF3; hace alrededor de 15 a&#xF1;os. En el a&#xF1;o 2001, Casey Reas y Ben Fry empezaron a trabajar en una nueva plataforma para hacer m&#xE1;s f&#xE1;cil la programaci&#xF3;n de gr&#xE1;ficas interactivas; la nombraron Processing. Ellos estaban frustrados con lo dif&#xED;cil que era escribir este tipo de software con los lenguajes que normalmente usaban (C++ y Java) y fueron inspirados por lo simple que era escribir programas interesantes con los lenguajes de su ni&#xF1;ez (Logo y BASIC). Su mayor influencia fue Design by Numbers (DBN), un lenguaje que ellos en ese tiempo estaban manteniendo y ense&#xF1;ando (y que fue creado por su tutor de investigaci&#xF3;n, John Maeda).</p>
 
-<p>Con Processing, Ben y Casey estaban buscando una mejor manera de probar sus ideas f&#xE1;cilmente y en c&#xF3;digo, en vez de solamente conversar sobre ellas o pasar demasiado tiempo program&#xE1;ndolas en C++. Su otro objetivo fue construir un lenguaje para ense&#xF1;ar programaci&#xF3;n a estudiantes de dise&#xF1;o y de arte y ofrecerle a estudiantes m&#xE1;s avanzados una manera m&#xE1;s f&#xE1;cil de trabajar con gr&#xE1;ficas. Esta combinaci&#xF3;n es una desviaci&#xF3;n positiva de la manera en que usualmente se ense&#xF1;a programaci&#xF3;n. Los nuevos usuarios empiezan concentr&#xE1;ndose en gr&#xE1;ficos e interacci&#xF3;n en vez de estructuras de datos y resultados en forma de texto en la consola.</p>
+<p>Con Processing, Ben y Casey estaban buscando una mejor manera para probar sus ideas f&#xE1;cilmente y en c&#xF3;digo, en vez de solamente conversar sobre ellas o pasar demasiado tiempo program&#xE1;ndolas en C++. Su otro objetivo fue construir un lenguaje para ense&#xF1;ar programaci&#xF3;n a estudiantes de dise&#xF1;o y de arte y ofrecerle a estudiantes m&#xE1;s avanzados una manera m&#xE1;s f&#xE1;cil de trabajar con gr&#xE1;ficas. Esta combinaci&#xF3;n es una desviaci&#xF3;n positiva de la manera en que usualmente se ense&#xF1;a programaci&#xF3;n. Los nuevos usuarios comienzan concentr&#xE1;ndose en gr&#xE1;ficos e interacci&#xF3;n en vez de estructuras de datos y resultados en forma de texto en la consola.</p>
 
 <p>A trav&#xE9;s de los a&#xF1;os, Processing se ha transformado en una gran comunidad. Es usado en salas de clases a lo largo del mundo, en planes de estudios de artes, humanidades y ciencias de la computaci&#xF3;n y de forma profesional.</p>
 
 <p>Hace dos a&#xF1;os, Ben y Casey me hicieron una pregunta: &#xBF;c&#xF3;mo ser&#xED;a Processing si funcionara en la web? p5.js nace con el objetivo original de Processing, hacer que programar sea accesible para artistas, dise&#xF1;adores, educadores y principiantes, y luego lo reinterpreta para la web actual usando JavaScript y HTML.</p>
 
-<p>El desarrollo de p5.js ha sido como reunir mundos distintos. Para facilitar la transici&#xF3;n a la Web de los usuarios de la comunidad existente de Processing, seguimos la sintaxis y las convenciones de Processing tanto como fue posible. Sin embargo, p5.js est&#xE1; construido en JavaScript, mientras que Processing est&#xE1; construido en un lenguaje llamado Java. Estos dos lenguajes tienen distintos patrones y funciones, as&#xED; que en ocasiones nos tuvimos que alejar de la sintaxis ya familiar de Processing. Tambi&#xE9;n fue importante que p5.js pudiera ser integrado sin problemas a las existentes caracter&#xED;sticas, herramientas y estructuras de la web, para as&#xED; atraer a usuarios familiarizados con la Web, pero sin experiencia en programaci&#xF3;n creativa. Sintetizar todos estos factores fue un desaf&#xED;o, pero el objetivo de unir estas estructuras proporcion&#xF3; un camino claro a seguir en el desarrollo de p5.js.</p>
+<p>El desarrollo de p5.js ha sido como reunir mundos distintos. Para facilitar la transici&#xF3;n a la web de los usuarios de la comunidad existente de Processing, seguimos la sintaxis y las convenciones de Processing tanto como fue posible. Sin embargo, p5.js est&#xE1; construido en JavaScript, mientras que Processing est&#xE1; construido en un lenguaje llamado Java. Estos dos lenguajes tienen distintos patrones y funciones, as&#xED; que en ocasiones nos tuvimos que alejar de la sintaxis ya familiar de Processing. Tambi&#xE9;n fue importante que p5.js pudiera ser integrado sin problemas a las existentes caracter&#xED;sticas, herramientas y estructuras de la web, para as&#xED; atraer a usuarios familiarizados con la web, pero sin experiencia en programaci&#xF3;n creativa. Sintetizar todos estos factores fue un desaf&#xED;o, pero el objetivo de unir estas estructuras proporcion&#xF3; un camino claro a seguir en el desarrollo de p5.js.</p>
 
 <p>Una primera versi&#xF3;n beta fue lanzada en agosto del 2014. Desde ese entonces, ha sido usado e integrado a programas de estudios en todo el mundo. Existe un editor oficial de p5.js que est&#xE1; actualmente en desarrollo, y se est&#xE1; progresando en muchas nuevas caracter&#xED;sticas y bibliotecas. </p>
 
-<p> p5.js es un esfuerzo comunitario - cientos de personas han contribuido funciones esenciales, soluciones a errores, ejemplos, documentaci&#xF3;n, dise&#xF1;o, reflexiones y discusi&#xF3;n. Pretendemos continuar la visi&#xF3;n y el esp&#xED;ritu de la comunidad de Processing mientras la expandimos a&#xFA;n m&#xE1;s en la Web.</p>
+<p> p5.js es un esfuerzo comunitario - cientos de personas han contribuido funciones esenciales, soluciones a errores, ejemplos, documentaci&#xF3;n, dise&#xF1;o, reflexiones y discusi&#xF3;n. Pretendemos continuar la visi&#xF3;n y el esp&#xED;ritu de la comunidad de Processing mientras la expandimos a&#xFA;n m&#xE1;s en la web.</p>
 
 <section data-type="sect1" id="how_this_book_is_organized" class="pagebreak-before">
 <h1>C&#xF3;mo est&#xE1; organizado este libro</h1>
@@ -99,11 +99,11 @@ <h1>Convenciones usadas en este libro</h1>
 <section data-type="sect1" id="using_code_examples">
 <h1>Uso de ejemplos de c&#xF3;digo</h1>
 
-<p>Este libro est&#xE1; aqu&#xED; para ayudarte a que logres hacer tu trabajo. En general, puedes usar el c&#xF3;digo de este libro en tus programas y documentaci&#xF3;n. No necesitas contactarnos para pedir permiso a menos que est&#xE9;s reproduciendo una porci&#xF3;n significativa del c&#xF3;digo. Por ejemplo, escribir un programa que usa m&#xFA;ltiples trozos de c&#xF3;digo de este libro no requiere permiso. S&#xED; requiere permiso la venta o distribuci&#xF3;n de ejemplos de libros Make:. Responder una pregunta citando este libro y citar c&#xF3;digos de ejemplo no requiere permiso. Sí requiere permiso incorporar una cantidad significativa de c&#xF3;digo de ejemplo de este libro en la documentaci&#xF3;n de tu producto.</p>
+<p>Este libro est&#xE1; aqu&#xED; para ayudarte a que logres hacer tu trabajo. En general, puedes usar el c&#xF3;digo de este libro en tus programas y documentaci&#xF3;n. No necesitas contactarnos para pedir permiso a menos que est&#xE9;s reproduciendo una porci&#xF3;n significativa del c&#xF3;digo. Por ejemplo, escribir un programa que usa m&#xFA;ltiples trozos de c&#xF3;digo de este libro no requiere permiso. S&#xED; requiere permiso la venta o distribuci&#xF3;n de ejemplos de libros Make:. Responder una pregunta citando este libro y citar c&#xF3;digos de ejemplo no requiere permiso. S&#xed; requiere permiso incorporar una cantidad significativa de c&#xF3;digo de ejemplo de este libro en la documentaci&#xF3;n de tu producto.</p>
 
 <p>Apreciamos, pero no requerimos, atribuci&#xF3;n. Una atribuci&#xF3;n usualmente incluye el t&#xcd;tulo, autor, editorial e ISBN. Por ejemplo: &#x201c; <em>Make: Getting Started with p5.js</em> por Lauren McCarthy, Casey Reas y Ben Fry, Copyright 2015 Maker Media, Inc., 978-1-457-18677-6."</p>
 
-<p>Si sientes que tu uso de los ejemplos de c&#xF3;digo se aleja del uso justo o de los permisos dados aqu&#xcd;, si&#xe9;ntete libre de contactarnos en <a href="mailto:[email protected]">[email protected]</a>.</p>
+<p>Si sientes que tu uso de los ejemplos de c&#xF3;digo se aleja del uso justo o de los permisos dados aqu&#xed;, si&#xe9;ntete libre de contactarnos en <a href="mailto:[email protected]">[email protected]</a>.</p>
 </section>
 
 <section data-type="sect1" id="_safari_books_online">
@@ -156,7 +156,7 @@ <h1>Agradecimientos</h1>
 
 <p> Este libro surgi&#xF3; de la ense&#xF1;anza con Processing en UCLA. Chandler McWilliams ha sido instrumental en definir estas clases. Casey le agradece a los estudiantes de pregrado en el Departamento de Design Media Arts en UCLA por su energ&#xED;a y entusiasmo. Sus ayudantes del curso han sido grandes colaboradores para definir c&#xF3;mo Processing es ense&#xF1;ado. Agradecimientos a Tatsuya Saito, John Houck, Tyler Adams, Aaron Siegel, Casey Alt, Andres Colubri, Michael Kontopoulos, David Elliot, Christo Allegra, Pete Hawkes y Lauren McCarthy.</p>
 
-<p>p5.js es desarrollado por una gran comunidad de contribuyentes a lo largo del mundo. Dan Shiffman, Jason Sigal, Sam Lavigne, K.Adam White, Chandler McWilliams, Evelyn Eastmond, los miembros del grupo de trabajo de p5 en ITP, los asistentes a la primera p5.js Contributor's Conference en el Frank-Ratchye STUDIO for Creative Inquiry de Carnegie Mellon University, y los estudiantes y mentores del Processing Google Summer of Code han sido instrumentales para hacer que p5.js sea lo que es hoy. Apoyo significativo para el proyecto ha sido provisto por la Processing Foundation, NYU ITP, RISD y Bocoup. Puedes ver la lista de lista completa de contribuyentes en <a href="https://github.com/processing/p5.js#contributors"><em class="hyperlink">https://github.com/processing/p5.js#contributors</em></a>. Lauren tambi&#xE9;n le agradece a Kyle McDonald por su perpetuo apoyo e inspiraci&#xF3;n.</p>
+<p>p5.js es desarrollado por una gran comunidad de contribuyentes a lo largo del mundo. Dan Shiffman, Jason Sigal, Sam Lavigne, K. Adam White, Chandler McWilliams, Evelyn Eastmond, los miembros del grupo de trabajo de p5 en ITP, los asistentes a la primera p5.js Contributor's Conference en el Frank-Ratchye STUDIO for Creative Inquiry de Carnegie Mellon University, y los estudiantes y mentores del Processing Google Summer of Code han sido instrumentales para hacer que p5.js sea lo que es hoy. Apoyo significativo para el proyecto ha sido provisto por la Processing Foundation, NYU ITP, RISD y Bocoup. Puedes ver la lista de lista completa de contribuyentes en <a href="https://github.com/processing/p5.js#contributors"><em class="hyperlink">https://github.com/processing/p5.js#contributors</em></a>. Lauren tambi&#xE9;n le agradece a Kyle McDonald por su perpetuo apoyo e inspiraci&#xF3;n.</p>
 
 <p>Este libro ha sido transformado por las art&#xED;sticas ilustraciones de Taeyoon Choi. Fueron desarrolladas en parte a trav&#xE9;s de una residencia en el Frank-Ratchye STUDIO for Creative Inquiry en Carnegie Mellon University, con apoyo del programa Art Works del National Endowment for the Arts. Charlotte Stiles ayud&#xF3; tremendamente con la edici&#xF3;n de los ejemplos e im&#xE1;genes de este libro.</p>
 

Diff for: content/ch01-hello.html

@@ -5,7 +5,7 @@ <h1 class="chapterhead">Hola</h1>
 
 <p>Los cursos de programaci&#xF3;n t&#xED;picamente se enfocan primero en estructura y teor&#xED;a. Cualquier aspecto visual - una interfaz, una animaci&#xF3;n - es considerado un postre que solo puede ser disfrutado despu&#xE9;s de que terminas de comer tus vegetales, el equivalente a varias semanas de estudiar algoritmos y m&#xE9;todos. A trav&#xE9;s de los a&#xF1;os, hemos visto a muchos amigos tratar de tomar estos cursos, para luego abandonarlos despu&#xE9;s de la primera sesi&#xF3;n o despu&#xE9;s de una muy larga y frustrante noche previa a la entrega de la primera tarea. Toda curiosidad inicial que ten&#xED;an sobre c&#xf3;mo hacer que el computador trabaje para ellos es perdida porque no pueden vislumbrar un camino claro entre lo que tienen que aprender al principio y lo que quieren crear.</p>
 
-<p>p5.js ofrece una manera de programar a trav&#xE9;s de la creaci&#xF3;n de gr&#xE1;ficos interactivas. Existen muchas maneras posibles de ense&#xF1;ar c&#xF3;digo, pero los estudiantes usualmente encuentran apoyo y motivaci&#xF3;n al tener una retroalimentaci&#xF3;n visual inmediata. p5.js provee esta retroalimentaci&#xF3;n, y su &#xE9;nfasis en im&#xE1;genes, prototipado y comunidad es discutido en las siguientes p&#xE1;ginas.</p>
+<p>p5.js ofrece una manera de programar a trav&#xE9;s de la creaci&#xF3;n de gr&#xE1;ficas interactivas. Existen muchas maneras posibles de ense&#xF1;ar c&#xF3;digo, pero los estudiantes usualmente encuentran apoyo y motivaci&#xF3;n al tener una retroalimentaci&#xF3;n visual inmediata. p5.js provee esta retroalimentaci&#xF3;n, y su &#xE9;nfasis en im&#xE1;genes, prototipado y comunidad es discutido en las siguientes p&#xE1;ginas.</p>
 
 <section data-type="sect1" class="pagebreak-before">
 <h1>Bosquejo y prototipado</h1>
@@ -26,7 +26,7 @@ <h1>Flexibilidad</h1>
 <section data-type="sect1">
 <h1>Gigantes</h1>
 
-<p>Las personas han estado haciendo im&#xE1;genes con computadores desde los a&#xF1;os 1960s, y hay mucho que podemos aprender de esta historia. Por ejemplo, antes de que los computadores pudieran proyectar a pantallas CRT o LCD, se usaban grandes m&#xE1;quinas trazadoras (<a data-type="xref" href="#Fig_01_02">Figura 1-2</a>) para dibujar las im&#xE1;genes. En la vida, todos nos paramos sobre hombros de gigantes, y los titanes de p5.js incluyen pensadores del dise&#xF1;o, gr&#xE1;fica computacional, arte, arquitectura, estad&#xED;stica y otras disciplinas afines. Dale un vistazo a <em>Sketchpad</em> (1963) de Ivan Sutherland, <em>Dynabook</em> (1968) de Alan Kay y a otros artistas destacados en el libro de Ruth Leavitt <em>Artist and Computer</em><span data-type="footnote"><a href="http://www.atariarchives.org/artist/"><em class="hyperlink">http://www.atariarchives.org/artist/</em></a></span> (Harmony Books, 1976). Los archivos de ACM SIGGRAPH y de Ars Electronica brindan atisbos fascinantes en la historia de la gr&#xE1;fica y el software.</p>
+<p>Las personas han estado haciendo im&#xE1;genes con computadores desde los a&#xF1;os 1960s, y hay mucho que podemos aprender de esta historia. Por ejemplo, antes de que los computadores pudieran proyectar a pantallas CRT o LCD, se usaban grandes m&#xE1;quinas trazadoras (<a data-type="xref" href="#Fig_01_02">Figura 1-2</a>) para dibujar las im&#xE1;genes. En la vida, todos nos paramos sobre hombros de gigantes, y los titanes de p5.js incluyen pensadores del dise&#xF1;o, gr&#xE1;fica computacional, arte, arquitectura, estad&#xED;stica y otras disciplinas afines. Dale un vistazo a <em>Sketchpad</em> (1963) de Ivan Sutherland, <em>Dynabook</em> (1968) de Alan Kay y a otros artistas destacados en el libro de Ruth Leavitt <em>Artist and Computer </em><span data-type="footnote"><a href="http://www.atariarchives.org/artist/"><em class="hyperlink">http://www.atariarchives.org/artist/</em></a></span> (Harmony Books, 1976). Los archivos de ACM SIGGRAPH y de Ars Electronica brindan atisbos fascinantes en la historia de la gr&#xE1;fica y el software.</p>
 
 <figure id="Fig_01_02"><img alt="Fig 01 02" src="images/gspj_0102.png" />
 <figcaption><b>Figura 1-2. </b>Demostraci&#xf3;n de dibujo por Manfred Mohr en el Musée d'Art Moderne de la Ville de Paris usando la trazadora Benson y un computador digital, 11 de mayo 1971 (foto por Rainer Mürle, cortes&#xed;a de bitforms gallery, New York)</figcaption>
@@ -36,7 +36,7 @@ <h1>Gigantes</h1>
 <section data-type="sect1" class="pagebreak-before">
 <h1>&#xC1;rbol familiar</h1>
 
-<p>Como los lenguajes humanos, los lenguajes de programaci&#xF3;n pertenecen a familias de lenguajes relacionados. p5.js es un dialecto de un lenguaje de programaci&#xF3;n llamado <a contenteditable="false" data-primary="JavaScript" data-type="indexterm">&nbsp;</a>JavaScript.&nbsp;La sintaxis del lenguaje es casi id&#xE9;ntica, pero p5.js a&#xF1;ade caracter&#xED;sticas personalizadas relacionadas a gr&#xE1;ficas e interacci&#xF3;n (<a data-type="xref" href="#Fig_01_03">Figura 1-3</a>) y provee un acceso simple a caracter&#xED;sticas nativas de HTML5 que ya est&#xE1;n soportadas por los navegadores web. Por estas caracter&#xED;sticas compartidas, aprender p5.js es un primer paso &#xFA;til para aprender a programar en otros lenguajes y usar otras herramientas computacionales.</p>
+<p>Tal como los lenguajes humanos, los lenguajes de programaci&#xF3;n pertenecen a familias de lenguajes relacionados. p5.js es un dialecto de un lenguaje de programaci&#xF3;n llamado<a contenteditable="false" data-primary="JavaScript" data-type="indexterm">&nbsp;</a>JavaScript.&nbsp;La sintaxis del lenguaje es casi id&#xE9;ntica, pero p5.js a&#xF1;ade caracter&#xED;sticas personalizadas relacionadas a gr&#xE1;ficas e interacci&#xF3;n (<a data-type="xref" href="#Fig_01_03">Figura 1-3</a>) y provee un acceso simple a caracter&#xED;sticas nativas de HTML5 que ya est&#xE1;n soportadas por los navegadores web. Por estas caracter&#xED;sticas compartidas, aprender p5.js es un primer paso &#xFA;til para aprender a programar en otros lenguajes y usar otras herramientas computacionales.</p>
 
 <figure id="Fig_01_03"><img alt="Fig 01 03" src="images/gspj_0103.png" />
 <figcaption><b>Figura 1-3. </b>p5.js posee una gran familia de lenguajes y ambientes de programaci&#xf3;n relacionados</figcaption>
@@ -46,7 +46,7 @@ <h1>&#xC1;rbol familiar</h1>
 <section data-type="sect1">
 <h1>&#xDA;nete</h1>
 
-<p>Miles de personas usan p5.js cada d&#xED;a. Al igual que ellos, t&#xFA; puedes descargar p5.js gratuitamente. Incluso tienes la opci&#xF3;n de modificar el c&#xF3;digo de p5.js para que se adapte a tus necesidades. p5.js es un proyecto FLOSS (free/libre/open source software, lo que significa software gratis libre y de c&#xf3;digo abierto), y siguiendo el esp&#xED;ritu de esta comunidad, te alentamos a participar y compartir tus proyectos y tu conocimiento &nbsp;<a contenteditable="false" data-primary="sketching with code overview" data-startref="swc1ov" data-type="indexterm">&nbsp;</a>en <em class="hyperlink"><a href="http://p5js.org">http://p5js.org</a></em> (<a data-type="xref" href="#Fig_01_04">Figura 1-4</a>).</p>
+<p>Miles de personas usan p5.js cada d&#xED;a. Al igual que ellos, t&#xFA; puedes descargar p5.js gratuitamente. Incluso tienes la opci&#xF3;n de modificar el c&#xF3;digo de p5.js para que se adapte a tus necesidades. p5.js es un proyecto FLOSS (free/libre/open source software, lo que significa software gratis libre y de c&#xf3;digo abierto), y siguiendo el esp&#xED;ritu de esta comunidad, te alentamos a participar y compartir tus proyectos y tu conocimiento&nbsp;<a contenteditable="false" data-primary="sketching with code overview" data-startref="swc1ov" data-type="indexterm">&nbsp;</a>en <em class="hyperlink"><a href="http://p5js.org/es">http://p5js.org/es</a></em> (<a data-type="xref" href="#Fig_01_04">Figura 1-4</a>).</p>
 
 <figure id="Fig_01_04"><img alt="Fig 01 04" src="images/gspj_0104.png" />
 <figcaption><b>Figura 1-4. </b>p5.js es promovido por una comunidad de personas que contribuyen a trav&#xe9;s de Internet</figcaption>