From c598a6b05f48233240912ab5eacc14fc18114ddf Mon Sep 17 00:00:00 2001 From: Aditya Pachauri <103623274+AdityyaX@users.noreply.github.com> Date: Mon, 4 Dec 2023 00:12:22 +0530 Subject: [PATCH 1/2] spanish translation corrected --- src/data/es.yml | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/data/es.yml b/src/data/es.yml index b41280e9e0..3550478809 100644 --- a/src/data/es.yml +++ b/src/data/es.yml @@ -892,8 +892,11 @@ learn: custom geometry, both from 3D model files or from code. This tutorial will walk through how to import 3D models into p5.js, as well as how to create geometry from scratch. - getting-started-in-webgl-custom-geometry-info1x1: 'If you are new to 3D check out the ' - getting-started-in-webgl-custom-geometry-info1x2: ' tutorial.' + getting-started-in-webgl-custom-geometry-info1x1: >- + If you are new to 3D check out the + Coordinates and Transformations tutorial. + getting-started-in-webgl-custom-geometry-info1x2: tutorial. getting-started-in-webgl-custom-geometry-toc-title: Table of Contents getting-started-in-webgl-custom-geometry-heading1: Loading 3D Models from File getting-started-in-webgl-custom-geometry-p2x1: >- From ab1be63c6229765500896ba5ee4d4e0dfe3336e1 Mon Sep 17 00:00:00 2001 From: Aditya Pachauri <103623274+AdityyaX@users.noreply.github.com> Date: Mon, 4 Dec 2023 00:27:30 +0530 Subject: [PATCH 2/2] spanish translation corrected --- src/data/es.yml | 738 ++++++++++++++++++++++++------------------------ 1 file changed, 365 insertions(+), 373 deletions(-) diff --git a/src/data/es.yml b/src/data/es.yml index 3550478809..8bdccf4594 100644 --- a/src/data/es.yml +++ b/src/data/es.yml @@ -17,12 +17,12 @@ Contribute: Contribuir Forum: Foro Showcase: Showcase footerxh1: Créditos -footer1: 'p5.js está actualmente dirigido por ' -footer3: ' y fue creado por ' -footer4: '. p5.js es desarrollado por una comunidad de colaboradores, con el apoyo de ' -footer5: ' y ' -footer6: '. Identidad y diseño gráfico por ' -footer7: '. ' +footer1: "p5.js está actualmente dirigido por " +footer3: " y fue creado por " +footer4: ". p5.js es desarrollado por una comunidad de colaboradores, con el apoyo de " +footer5: " y " +footer6: ". Identidad y diseño gráfico por " +footer7: ". " footer8: Info footer9: . tagline1: la diversión de Processing x la excentricidad de JavaScript @@ -58,21 +58,21 @@ home: financieros o la capacidad para participar activamente, pero reconocemos y alentamos cualquier tipo participación. Facilitamos y fomentamos el acceso y el empoderamiento. Todos estamos aprendiendo. - p2x2: 'p5.js es una interpretación ' - p2x3: ' para la web. Realizamos eventos y operamos con el apoyo de ' + p2x2: "p5.js es una interpretación " + p2x3: " para la web. Realizamos eventos y operamos con el apoyo de " p2x4: . - p2x5: 'Conoce más sobre ' + p2x5: "Conoce más sobre " p2x6: nuestra comunidad p2x7: . p3xh2: Empezar - p3xp1: 'Crea tu primer bosquejo en el ' - p3xp2: '. Aprende más sobre cómo dibujar con p5.js en la ' + p3xp1: "Crea tu primer bosquejo en el " + p3xp2: ". Aprende más sobre cómo dibujar con p5.js en la " p3xp3: página de empezar - p3xp4: ' y sobre todo lo que puedes hacer en la ' + p3xp4: " y sobre todo lo que puedes hacer en la " p3xp5: referencia p3xp6: . p4xh2: Participa - p4xp1: 'Existen muchas formas de contribuir a p5.js:' + p4xp1: "Existen muchas formas de contribuir a p5.js:" p4xp2: Opciones para participar p4xp3: ¡Comparte algo que hayas creado! p4xp4: Imparte un taller o una clase. @@ -85,19 +85,19 @@ copyright: copyright1: >- La biblioteca p5.js es software libre; puedes redistribuirla y/o modificarla según los términos de la - copyright2: ' publicada por la Free Software Foundation, versión 2.1.' - copyright3: 'La Referencia del lenguaje se encuentra bajo una licencia ' - copyright4: ' que permite reusar este contenido para propósitos no-comerciales si se otorga el crédito correspondiente.' + copyright2: " publicada por la Free Software Foundation, versión 2.1." + copyright3: "La Referencia del lenguaje se encuentra bajo una licencia " + copyright4: " que permite reusar este contenido para propósitos no-comerciales si se otorga el crédito correspondiente." get started: get-started-title: Empezar get-started1: >- Esta página te guía para configurar un proyecto p5.js y crear tu primer bosquejo. - get-started2: 'La forma más fácil de comenzar es usando el ' + get-started2: "La forma más fácil de comenzar es usando el " get-started3: editor p5.js - get-started4: ', puedes abrir el editor web y dirigirte a la sección ' + get-started4: ", puedes abrir el editor web y dirigirte a la sección " get-started5: tu primer bosquejo - get-started6: '. Si deseas trabajar en la versión de escritorio de p5.js, puedes ir a las ' + get-started6: ". Si deseas trabajar en la versión de escritorio de p5.js, puedes ir a las " get-started7: instrucciones de descarga get-started-button: Copy settingUp-title: Configura p5.js con un editor en tu computadora personal @@ -113,7 +113,7 @@ get started: download10: >- . Ejecuta tu servidor local dentro de la carpeta descargada y en tu navegador, ves a - download11: 'http://localhost:{your-port-num}/empty-example' + download11: "http://localhost:{your-port-num}/empty-example" download4: >- Si revisas el archivo index.html, te darás cuenta que tiene un enlace al archivo p5.js. Si estás buscando usar la versión reducida (comprimida para @@ -122,19 +122,19 @@ get started: De forma alternativa, puedes enlazar a un archivo p5.js alojado en línea. Todas las versiones de p5.js están almacenadas en un CDN (Content Delivery Network). Puedes ver un historial de estas versiones aquí: - download6: '. En este caso, puedes cambiar el enlace a: ' - download7: 'Una página HTML de ejemplo podría verse así:' + download6: ". En este caso, puedes cambiar el enlace a: " + download7: "Una página HTML de ejemplo podría verse así:" environment-title: Ambiente - environment1: 'Puedes usar el ' - environmentlink: 'https://es.wikipedia.org/wiki/Editor_de_codigo_fuente' - environment2: ' editor de código ' - environment3: 'que prefieras. Las instrucciones para usar y configurar ' - environment4: ' están incluidas a continuación, otras buenas opciones de editores incluyen ' - environment5: ' y ' + environment1: "Puedes usar el " + environmentlink: "https://es.wikipedia.org/wiki/Editor_de_codigo_fuente" + environment2: " editor de código " + environment3: "que prefieras. Las instrucciones para usar y configurar " + environment4: " están incluidas a continuación, otras buenas opciones de editores incluyen " + environment5: " y " environment6: >- Si estás utilizando un lector de pantalla y no usas el editor de p5, te recomendamos usar - environment7: ' o ' + environment7: " o " environment8: >- Abre Sublime. Despliega el menú File (archivo) y elige Open (abrir) ... y selecciona el directorio donde se encuentran tus archivos html y js. En la @@ -148,19 +148,19 @@ get started: environment11: >- Abre el archivo index.html en tu navegador haciendo doble click en él o escribiendo: - environment12: 'file:///la/ubicacion/de/tu/archivo/html' - environment14: ' (o ' - environment15: 'http://localhost:{your-port-num}/empty-example' - environment16: ' si estás usando un servidor local)' - environment13: ' en la barra de direcciones de tu navegador para ver tu bosquejo.' + environment12: "file:///la/ubicacion/de/tu/archivo/html" + environment14: " (o " + environment15: "http://localhost:{your-port-num}/empty-example" + environment16: " si estás usando un servidor local)" + environment13: " en la barra de direcciones de tu navegador para ver tu bosquejo." your-first-sketch-title: Tu primer bosquejo - your-first-sketch-intro1: 'En el ' - your-first-sketch-intro2: 'https://editor.p5js.org/' + your-first-sketch-intro1: "En el " + your-first-sketch-intro2: "https://editor.p5js.org/" your-first-sketch-intro3: editor web p5.js - your-first-sketch-intro4: ' vas a encontrar el siguiente código:' - your-first-sketch1: 'Despúes de ' - your-first-sketch2: ' incluye esta línea de código: ' - your-first-sketch3: 'Ahora tu código debe estar así: ' + your-first-sketch-intro4: " vas a encontrar el siguiente código:" + your-first-sketch1: "Despúes de " + your-first-sketch2: " incluye esta línea de código: " + your-first-sketch3: "Ahora tu código debe estar así: " your-first-sketch4: >- La línea que acabas de agreagar dibuja una elipse, con su centro a 50 píxeles del borde izquierdo y 50 píxeles del borde superior del bosquejo, @@ -170,7 +170,7 @@ get started: Si estás utilizando un lector de pantalla, tienes que activar las salidas accesibles en el editor, fuera del editor tienes que agregar la biblioteca de accesibilidad a tu html. Para aprender más visita el - your-first-sketch7: ' tutorial usando p5 con un lector de pantalla' + your-first-sketch7: " tutorial usando p5 con un lector de pantalla" your-first-sketch8: >- Si escribiste todo correctamente, esto aparecerá en tu ventana de visualización: @@ -204,25 +204,25 @@ get started: first-sketch-heading2: Nota para usuarios de lectores de pantalla first-sketch-heading3: Bloque de código con Interacción what-next-title: ¿Qué viene después? - learn1: 'Visita las páginas ' + learn1: "Visita las páginas " learn2: aprender - learn3: ' y ' + learn3: " y " learn4: ejemplos - learn5: ' para conocer la biblioteca.' - learn6: 'Mira los video tutoriales de ' + learn5: " para conocer la biblioteca." + learn6: "Mira los video tutoriales de " learn7: The Coding Train - learn8: ' y ' + learn8: " y " learn9: Kadenze learn10: . - reference1: 'Visita la ' - reference2: ' referencia' - reference3: ' para explorar la documentación completa.' - learn11: 'Si deseas utilizar p5 con un lector de pantalla, visita el ' + reference1: "Visita la " + reference2: " referencia" + reference3: " para explorar la documentación completa." + learn11: "Si deseas utilizar p5 con un lector de pantalla, visita el " learn12: tutorial p5 con un lector de pantalla - processing-transition1: 'Si has usado Processing en el pasado, lee el ' - processing-transition2: 'https://github.com/processing/p5.js/wiki/Processing-transition' + processing-transition1: "Si has usado Processing en el pasado, lee el " + processing-transition2: "https://github.com/processing/p5.js/wiki/Processing-transition" processing-transition3: tutorial de transición desde Processing - processing-transition4: ' para aprender cómo convertir programas de Processing a p5.js, y cuáles son las principales diferencias entre estos.' + processing-transition4: " para aprender cómo convertir programas de Processing a p5.js, y cuáles son las principales diferencias entre estos." book1: >- Partes de este tutorial fueron adaptadas de "Getting Started with p5.js" por Lauren McCarthy, Casey Reas y Ben Fry, O'Reilly / Make 2015. Copyright © @@ -241,32 +241,32 @@ download: p5.js-editor-intro: >- Este enlace te redirige al Editor p5.js en línea para que puedas comenzar a usar p5.js de inmediato. - editor-includes: 'Empieza a programar usando el Editor de p5.js, ¡no requiere instalación!' + editor-includes: "Empieza a programar usando el Editor de p5.js, ¡no requiere instalación!" complete-library-title: Biblioteca completa complete-library-intro1: >- Esta es una descarga contiene el archivo de la biblioteca p5.js, el complemento p5.sound y un proyecto de ejemplo. No contiene un editor. Explora complete-library-intro2: Empezar - complete-library-intro3: ' para aprender cómo crear un proyecto de p5.js.' + complete-library-intro3: " para aprender cómo crear un proyecto de p5.js." p5.js-complete: p5.js completo - includes-1: 'Incluye:' - includes-2: 'p5.js, p5.sound.js y un proyecto de ejemplo' - includes-3: 'Versión ' + includes-1: "Incluye:" + includes-2: "p5.js, p5.sound.js y un proyecto de ejemplo" + includes-3: "Versión " single-files-title: Archivos por separado single-files-intro: >- Estas son descargas o enlaces al archivo de biblioteca p5.js. No incluyen contenidos adicionales. - single-file: 'Archivo: ' - p5.js-uncompressed: ' versión completa sin compresión' + single-file: "Archivo: " + p5.js-uncompressed: " versión completa sin compresión" compressed: versión comprimida - link: 'Enlace: ' + link: "Enlace: " statically-hosted-file: archivo almacenado estáticamente etc-title: Recursos de GitHub - older-releases: 'Versiones antiguas / bitácora de cambios ' + older-releases: "Versiones antiguas / bitácora de cambios " github-repository: Repositorio de Código (GitHub) - report-bugs: 'Reporta errores ' - supported-browsers: 'Navegadores soportados ' + report-bugs: "Reporta errores " + supported-browsers: "Navegadores soportados " support-title: ¡Apoya a p5.js! support-options: Opciones de apoyo support-1: >- @@ -278,7 +278,7 @@ download: software para p5.js, recursos educativos como ejemplos de código y tutoriales, support-3: becarios - support-4: ', y ' + support-4: ", y " support-5: eventos para la comunidad. support-17: >- Conferencia de contribuyentes de p5.js en el CMU STUDIO for Creative Inquiry @@ -295,7 +295,7 @@ download: support-21: >- Taeyoon Choi y un intérprete de señas en el taller Signing Coders de p5.js (crédito de imagen: Taeyoon Choi) - support-22: 'Lanzamiento de Google Summer of Code (crédito de imagen: Taeyoon Choi)' + support-22: "Lanzamiento de Google Summer of Code (crédito de imagen: Taeyoon Choi)" support-23: >- Cassie Tarakajian, becaria de Processing Foundation, realiza un taller en Code Art Miami (crédito de imagen: Christian Arévalo Photography) @@ -323,14 +323,14 @@ download: support-30: Processing Fellow Digital Citizens Lab support-31: Junta bicostal de p5.js entre UCLA DMA y NYU ITP support-32: The Processing Foundation - support-33: ' fue fundada en 2012 después de más de de una década de trabajo con el software original de Processing. La misión de la fundación es promover la alfabetización de software dentro de las artes visuales, y la alfabetización visual dentro de las disciplinas relacionadas a la tecnología - y hacer estas disciplinas accesibles a comunidades más diversas. Nuestra meta es empoderar a gente de diversos intereses para que aprenda a programar y que realice trabajo creativo con código, especialmente aquellos que de otra forma no hubieran tenido acceso a estas herramientas y recursos.' + support-33: " fue fundada en 2012 después de más de de una década de trabajo con el software original de Processing. La misión de la fundación es promover la alfabetización de software dentro de las artes visuales, y la alfabetización visual dentro de las disciplinas relacionadas a la tecnología - y hacer estas disciplinas accesibles a comunidades más diversas. Nuestra meta es empoderar a gente de diversos intereses para que aprenda a programar y que realice trabajo creativo con código, especialmente aquellos que de otra forma no hubieran tenido acceso a estas herramientas y recursos." support-17-alt: >- p5.js Contributors Conference at CMU STUDIO for Creative Inquiry in Pittsburgh support-18-alt: >- Processing Fellow Saskia Freeke organizing Code Liberation x Processing workshops in London - support-19-alt: 'Learning to Teach, Teaching to Learn conference with SFPC' + support-19-alt: "Learning to Teach, Teaching to Learn conference with SFPC" support-20-alt: Processing Foundation Fellow Cassie Tarakajian's workshop at Code Art Miami support-21-alt: Taeyoon Choi and ASL interpretor at Signing Coders p5.js workshop support-22-alt: Google Summer of Code kickoff participants @@ -344,7 +344,7 @@ download: support-26-alt: >- Processing Fellow Digital Citizens Lab panel on STEM teaching at the International Center of Photography - support-27-alt: 'Participants at p5.js workshop in Santiago, Chile' + support-27-alt: "Participants at p5.js workshop in Santiago, Chile" support-28-alt: Claire Kearney-Volpe helping facilitate a sign language based p5.js workshop support-29-alt: >- Processing Foundation Fellow DIY Girls run a creative coding program in Los @@ -358,7 +358,7 @@ learn: Estos tutoriales proveen una revisión en mayor profundidad o paso a paso sobre temas particulares. Revisa la learn2: página de ejemplos - learn3: ' para explorar demostraciones cortas sobre diversos temas de p5.js.' + learn3: " para explorar demostraciones cortas sobre diversos temas de p5.js." introduction-to-p5js-title: Introducción a p5.js hello-p5js-title: Hola p5.js hello-p5js: >- @@ -371,7 +371,7 @@ learn: p5js-overview-title: Panorámica de p5.js p5js-overview: Una panorámica de las principales características de p5.js p5js-processing-title: p5.js y Processing - p5js-processing: 'Las principales diferencias entre ambos, y cómo convertir de uno a otro.' + p5js-processing: "Las principales diferencias entre ambos, y cómo convertir de uno a otro." p5-screen-reader-title: p5 con un lector de pantalla p5-screen-reader: >- Configurando p5 para que pueda ser usado fácilmente con un lector de @@ -404,7 +404,7 @@ learn: Because a screen reader cannot naturally interpret the contents of a canvas bitmap, these functions add labels into your code that instruct the screen reader on how to describe certain elements within your canvas. - labeling-canvases-what-is-labeling-3: 'For more information about p5.js screen reader accessibility, please read ' + labeling-canvases-what-is-labeling-3: "For more information about p5.js screen reader accessibility, please read " labeling-canvases-available-labels: Screen reader labels for p5.js labeling-canvases-available-labels-1: p5.js offers four different functions for labeling your canvas labeling-canvases-available-labels-li-1: >- @@ -501,7 +501,7 @@ learn: labeling-canvases-best-practices-using-labels-all-canvases-2: >- The summary should provide a general understanding of the visuals inside the canvas. - labeling-canvases-best-practices-using-labels-simple: 'For simple, non-animated canvases' + labeling-canvases-best-practices-using-labels-simple: "For simple, non-animated canvases" labeling-canvases-best-practices-using-labels-simple-1: >- For canvases without any changing, moving, or interactive elements, you may use either the pull request! - using-local-server: 'Cómo configurar un servidor local en Mac OS X, Windows o Linux.' + using-local-server: "Cómo configurar un servidor local en Mac OS X, Windows o Linux." p5js-wiki-title: p5.js wiki p5js-wiki: Documentación adicional y tutoriales aportados por la comunidad. connecting-p5js-title: Conectando p5.js @@ -652,7 +652,7 @@ learn: nodejs-and-socketio: Uso de un servidor node.js con p5.js y comunicación vía socket.io. programming-topics-title: Tópicos de programación beyond-the-canvas-title: Más allá del lienzo - beyond-the-canvas: 'Creación y manipulación de elementos en la página, más allá del lienzo.' + beyond-the-canvas: "Creación y manipulación de elementos en la página, más allá del lienzo." getting-started-in-webgl-other-tutorials-title: Other Tutorials getting-started-in-webgl-other-tutorials-p: >- This tutorial is part of a series about the basics of using WebGL in p5.js. @@ -665,7 +665,7 @@ learn: getting-started-in-webgl-title: Getting Started in WebGL getting-started-in-webgl-glossary-title: Glossary getting-started-in-webgl-coords-and-transform-title: Coordinates and Transformations - getting-started-in-webgl-coords-and-transform: 'Basics of 3D setup, coordinates, and transformations' + getting-started-in-webgl-coords-and-transform: "Basics of 3D setup, coordinates, and transformations" getting-started-in-webgl-coords-and-transform-p1x1: >- p5.js is a powerful tool for creating 2D graphics but it's also capable of 3D graphics. To get started in 3D there are some new concepts to learn and @@ -688,7 +688,7 @@ learn: getting-started-in-webgl-coords-and-transform-p4x1: >- Let's get started by setting up the p5.js to use WebGL, by passing a third parameter into createCanvas(). - getting-started-in-webgl-coords-and-transform-heading2: '3D Coordinate Space: Positioning in 3D' + getting-started-in-webgl-coords-and-transform-heading2: "3D Coordinate Space: Positioning in 3D" getting-started-in-webgl-coords-and-transform-info1x1: >- If coordinates systems aren't making sense it might be helpful to revisit the tutorial titled - p5.js has a few methods, translate(), model matrix. Collectively these are known as the transformation of an object. These methods are available for both 2D and 3D drawing. - getting-started-in-webgl-coords-and-transform-p7x2: 'and ' + getting-started-in-webgl-coords-and-transform-p7x2: "and " getting-started-in-webgl-coords-and-transform-p7x3: >- that we can use to position and orient objects within space. Each of these methods affect what is known as the model matrix. Collectively these are known as the transformation of an object. These methods are available for both 2D and 3D drawing. - getting-started-in-webgl-coords-and-transform-subheading1: 'translate(): Moving Objects in Space' + getting-started-in-webgl-coords-and-transform-subheading1: "translate(): Moving Objects in Space" getting-started-in-webgl-coords-and-transform-p8x1: >- translate() moves the origin in a given direction. Anything drawn after we call box() shape. - getting-started-in-webgl-coords-and-transform-subheading2: 'rotate(): Orienting Objects in Space' + getting-started-in-webgl-coords-and-transform-subheading2: "rotate(): Orienting Objects in Space" getting-started-in-webgl-coords-and-transform-p9x1: >- rotate() reorients whatever is drawn after it. @@ -743,7 +743,7 @@ learn: Each of these methods accept a single argument specifying the angle of rotation. Try moving the sliders in the example above to see how rotation is performed on each axis. The code below shows each of these methods in use. - getting-started-in-webgl-coords-and-transform-p10x2: 'and ' + getting-started-in-webgl-coords-and-transform-p10x2: "and " getting-started-in-webgl-coords-and-transform-p10x3: >- , which each allow for rotation around a specific axis. Each of these methods accept a single argument specifying the angle of rotation. Try @@ -762,7 +762,7 @@ learn: getting-started-in-webgl-coords-and-transform-info2x2: >- , which allows you to specify which axis you'd like to rotate around using a vector as the second argument. - getting-started-in-webgl-coords-and-transform-subheading3: 'scale(): Size in Space' + getting-started-in-webgl-coords-and-transform-subheading3: "scale(): Size in Space" getting-started-in-webgl-coords-and-transform-p12x1: >- scale() changes the size of whatever is drawn after it. Like the other methods described so far, @@ -854,7 +854,7 @@ learn: can be found the Custom Geometry tutorial. - getting-started-in-webgl-coords-and-transform-p21x2: 'Custom Geometry tutorial ' + getting-started-in-webgl-coords-and-transform-p21x2: "Custom Geometry tutorial " getting-started-in-webgl-coords-and-transform-heading6: Conclusion getting-started-in-webgl-coords-and-transform-p22x1: >- By having basic control over a 3D coordinate space, transformations, and @@ -881,7 +881,7 @@ learn: Also referred to as transformation, this refers to the combined scale, rotation, and translation of a geometry. getting-started-in-webgl-coords-and-transform-glossary-term6-title: Vertex - getting-started-in-webgl-coords-and-transform-glossary-term6-definition: 'A point in 3D space, with an x, y, z position.' + getting-started-in-webgl-coords-and-transform-glossary-term6-definition: "A point in 3D space, with an x, y, z position." getting-started-in-webgl-coords-and-transform-glossary-term7-title: Face getting-started-in-webgl-coords-and-transform-glossary-term7-definition: A collection of three points that create a solid surface. getting-started-in-webgl-custom-geometry-title: Creating Custom Geometry in WebGL @@ -908,7 +908,7 @@ learn: getting-started-in-webgl-custom-geometry-p2x2: >- method, which should be used within preload(). Then you can use the - getting-started-in-webgl-custom-geometry-p2x3: 'function to draw the model, as demonstrated in the example below.' + getting-started-in-webgl-custom-geometry-p2x3: "function to draw the model, as demonstrated in the example below." getting-started-in-webgl-custom-geometry-p3x1: >- A common issue that can come up with custom models is scaling. Depending on how the model is constructed, it might be a much different size when @@ -921,7 +921,7 @@ learn: the Styling and Appearance tutorial. - getting-started-in-webgl-custom-geometry-info2x2: 'Styling and Appearance ' + getting-started-in-webgl-custom-geometry-info2x2: "Styling and Appearance " getting-started-in-webgl-custom-geometry-info2x3: tutorial. getting-started-in-webgl-custom-geometry-heading2: Creating Basic Procedural Geometry getting-started-in-webgl-custom-geometry-p4x1: >- @@ -940,7 +940,7 @@ learn: href="{{root}}/reference/#/p5/endShape">endShape(). This following example shows how these methods can be used to construct a 3D shape mathematically. - getting-started-in-webgl-custom-geometry-p5x2: 'and ' + getting-started-in-webgl-custom-geometry-p5x2: "and " getting-started-in-webgl-custom-geometry-p5x3: >- This following example shows how these methods can be used to construct a 3D shape mathematically. @@ -1010,7 +1010,7 @@ learn: this using perspective() or ortho(). - getting-started-in-webgl-appearance-p1x2: 'or ' + getting-started-in-webgl-appearance-p1x2: "or " getting-started-in-webgl-appearance-p2x1: >- A perspective camera skews objects so they appear to get smaller as they get further away, vanishing at a single point in the distance. This is @@ -1039,7 +1039,7 @@ learn: method, orbitControl(), that can be used to zoom, pan, and position the camera using the mouse. - getting-started-in-webgl-appearance-p5x2: ', that can be used to zoom, pan, and position the camera using the mouse.' + getting-started-in-webgl-appearance-p5x2: ", that can be used to zoom, pan, and position the camera using the mouse." getting-started-in-webgl-appearance-p6x1: >- A scene can have multiple cameras, but only one camera can be active at a time. Sketches in p5.js will default to having a single perspective camera, @@ -1092,7 +1092,7 @@ learn: In this interactive example, try selecting each of the different materials to see how they affect the appearance of the geometry. You can move your mouse and see the effect that a directional light has on the material. - getting-started-in-webgl-appearance-p12x1: 'Try commenting and uncommenting the different lights in this example:' + getting-started-in-webgl-appearance-p12x1: "Try commenting and uncommenting the different lights in this example:" getting-started-in-webgl-appearance-p13x1: >- More custom materials can be achieved through using texture(). In short, these are images that can be mapped @@ -1107,7 +1107,7 @@ learn: Introduction to Shaders page when you are ready. getting-started-in-webgl-appearance-info1x2: Introduction to Shaders - getting-started-in-webgl-appearance-info1x3: 'page when you are ready. ' + getting-started-in-webgl-appearance-info1x3: "page when you are ready. " getting-started-in-webgl-appearance-heading4: Conclusion getting-started-in-webgl-appearance-p14x1: >- Being able to have control over the camera, lighting, and materials will @@ -1190,7 +1190,7 @@ learn: missing semicolon for example is not allowed and will result in an error message. You can't use different types of numbers, like floats or integers interchangeably. - getting-started-in-webgl-shaders-p6x1: 'First let''s look at a basic vertex shader:' + getting-started-in-webgl-shaders-p6x1: "First let's look at a basic vertex shader:" getting-started-in-webgl-shaders-p7x1: >- This vertex shader begins with an attribute, which p5.js uses to share vertex position information with the shader. This attribute is a loadShader(). - getting-started-in-webgl-shaders-heading3: 'Uniforms: Passing data from sketch to shader' + getting-started-in-webgl-shaders-heading3: "Uniforms: Passing data from sketch to shader" getting-started-in-webgl-shaders-p14x1: >- A simple shader like this can be useful by itself, but there are times when it's necessary to communicate variables from the p5.js sketch to a shader. @@ -1303,7 +1303,7 @@ learn: A data type that stores floating point numbers, which can have a decimal point. getting-started-in-webgl-shaders-glossary-term6-title: Int - getting-started-in-webgl-shaders-glossary-term6-definition: 'A data type that stores integers, which are whole numbers without a decimal.' + getting-started-in-webgl-shaders-glossary-term6-definition: "A data type that stores integers, which are whole numbers without a decimal." getting-started-in-webgl-shaders-glossary-term7-title: Sampler getting-started-in-webgl-shaders-glossary-term7-definition: A data type that represents a texture being passed into the shader. getting-started-in-webgl-shaders-glossary-term8-title: Attribute @@ -1374,7 +1374,7 @@ learn: Le damos la bienvenida a la contribución de nuevos tutoriales escritos y esta guía describe los pasos para proponer, preparar y contribuir con un tutorial. - writing-a-tutorial-how-start-title: 'Cómo empezar:' + writing-a-tutorial-how-start-title: "Cómo empezar:" writing-a-tutorial-how-start-1: >- Comprueba que el tema que hayas propuesto no haya sido cubierto antes. Puedes encontrar @@ -1388,23 +1388,23 @@ learn: Si tu tema no está cubierto y no está enlistado como en progreso, por favor escribe unas líneas sobre lo que propones cubrir y mándanos un email con esta descripción a education@p5js.org. - writing-a-tutorial-how-prepare-title: 'Cómo preparar un tutorial de p5js para su publicación en línea:' + writing-a-tutorial-how-prepare-title: "Cómo preparar un tutorial de p5js para su publicación en línea:" writing-a-tutorial-how-prepare-1: >- Cuando tu tutorial esté listo para ser publicado, por favor sigue los siguientes pasos para preparar tu contenido para el sitio de p5js. - writing-a-tutorial-how-prepare-2: 'Guarda el contenido de tu tutorial en un archivo tutorial-name.hbs con ' + writing-a-tutorial-how-prepare-2: "Guarda el contenido de tu tutorial en un archivo tutorial-name.hbs con " writing-a-tutorial-how-prepare-3: esta estructura básica. - writing-a-tutorial-how-prepare-4: ' Como se muestra en este archivo, tiene que contener un un encabezado como se muestra a continuación:' + writing-a-tutorial-how-prepare-4: " Como se muestra en este archivo, tiene que contener un un encabezado como se muestra a continuación:" writing-a-tutorial-how-prepare-5: >- La carpeta que contiene tu tutorial se colocará en la carpeta 'tutoriales' del sitio de p5js. El archivo llamado index.hbs es la - writing-a-tutorial-how-prepare-6: 'página de destino de los tutoriales de p5js,' + writing-a-tutorial-how-prepare-6: "página de destino de los tutoriales de p5js," writing-a-tutorial-how-prepare-7: y el archivo test-tutorial.hbs es el tutorial de prueba. - writing-a-tutorial-how-prepare-8: 'Todos los contenidos deben de ir en las:' + writing-a-tutorial-how-prepare-8: "Todos los contenidos deben de ir en las:" writing-a-tutorial-how-prepare-9: >- etiquetas de la página, con el fórmato definido por las etiquetas <h1> y <h2> y las etiquetas de párrafo <p> como se muestra en la - writing-a-tutorial-how-prepare-10: ' página del tutorial de prueba.' + writing-a-tutorial-how-prepare-10: " página del tutorial de prueba." writing-a-tutorial-how-prepare-11: >- Si tu tutorial contiene imágenes, deben colocarse en la carpeta 'assets' del sitio p5, en la ubicación src / assets / learn / test-tutorial / images, @@ -1419,14 +1419,14 @@ learn: Tus ejemplos deben estar preparados como bosquejos p5.js y pueden ser incorporados en el tutorial de dos maneras. writing-a-tutorial-embedding-2: Si el ejemplo es editable como en - writing-a-tutorial-embedding-3: ' las páginas de referencia' + writing-a-tutorial-embedding-3: " las páginas de referencia" writing-a-tutorial-embedding-4: >- del sitio de p5js, el bosquejo p5js debe ser incorporado en la página html usando el widget p5js. Sigue - writing-a-tutorial-embedding-5: ' esta guía ' - writing-a-tutorial-embedding-6: 'sobre cómo incorporar bosquejos p5js usando el widget escrito por ' - writing-a-tutorial-embedding-7: '. También puedes encontrar esto en la ' - writing-a-tutorial-embedding-8: ' página del tutorial de prueba' + writing-a-tutorial-embedding-5: " esta guía " + writing-a-tutorial-embedding-6: "sobre cómo incorporar bosquejos p5js usando el widget escrito por " + writing-a-tutorial-embedding-7: ". También puedes encontrar esto en la " + writing-a-tutorial-embedding-8: " página del tutorial de prueba" writing-a-tutorial-embedding-9: . writing-a-tutorial-embedding-10: >- Si el ejemplo es animado y/o interactivo pero no editable, entonces el @@ -1456,8 +1456,8 @@ learn: writing-a-tutorial-iframe-6: >- Estilo para el iframe (esto podría directamente en la entrada o en una hoja de estilos): - writing-a-tutorial-iframe-7: 'Aquí puedes explorar el bosquejo puro en ejecución: ' - writing-a-tutorial-iframe-8: 'Y aquí está incorporado en el sitio p5 usando el código a continuación: ' + writing-a-tutorial-iframe-7: "Aquí puedes explorar el bosquejo puro en ejecución: " + writing-a-tutorial-iframe-8: "Y aquí está incorporado en el sitio p5 usando el código a continuación: " writing-a-tutorial-iframe-9: >- Una cosa a recalcar es que necesitas ajustar manualmente el tamaño del iframe para que funcione de la mejor manera posible si las cosas son de @@ -1482,7 +1482,7 @@ learn: publicado por Morgan Kaufmann, © 2008 Elsevier Inc. Todos los derechos reservados. Fue transcrito a p5 por Kelly Chang. Si detectas algún error o tienes comentarios, - color-description2: ' por favor escríbenos.' + color-description2: " por favor escríbenos." color-p1x1: >- En el mundo digital hablar de color requiere precisión. No basta con decir, por ejemplo: ¿Puedes hacer un círculo verde azulado?, ya que el color se @@ -1490,9 +1490,9 @@ learn: blanco y escala de grises. 0 significa negro, 255 significa blanco. Entre medio, cualquier otro número -50, 87, 162, 209, etc- es un tono gris que va entre negro y blanco. - color-p2x1: 'Al agregar las funciones ' - color-p2x2: ' y ' - color-p2x3: ' antes de dibujar podemos definir el color de cualquier forma deseada. También existe la función ' + color-p2x1: "Al agregar las funciones " + color-p2x2: " y " + color-p2x3: " antes de dibujar podemos definir el color de cualquier forma deseada. También existe la función " color-p2x4: >- , que define el color del lienzo en nuestra pantalla. A continuación hay un ejemplo. @@ -1504,13 +1504,13 @@ learn: color-p3x1: >- Tanto el contorno como el interior de la forma pueden ser eliminados con las funciones: - color-p3x2: ' y ' + color-p3x2: " y " color-p3x3: >- . Instintivamente podríamos pensar en utilizar "stroke(0)" para eliminar el contorno, sin embargo, es importante recordar que 0 no significa "nada", sino que indica un color negro. Además, recuerda no eliminar ambos, con - color-p3x4: ' y ' - color-p3x5: ', porque ¡nada aparecerá!' + color-p3x4: " y " + color-p3x5: ", porque ¡nada aparecerá!" color-p4x1: >- Adicionalmente si dibujamos dos figuras, p5.js siempre utilizará la última especificación de contorno y llenado, leyendo el código de arriba a abajo. @@ -1577,16 +1577,16 @@ learn: saturación y brillo). Sin entrar mayormente en detalle, el color HSB funciona como sigue: color-custom-ranges-li1x1: Tono o Matiz - color-custom-ranges-li1x2: '—El tipo de color, valores por definición van de 0 a 360.' + color-custom-ranges-li1x2: "—El tipo de color, valores por definición van de 0 a 360." color-custom-ranges-li2x1: Saturación - color-custom-ranges-li2x2: '—La vivacidad del color, 0 a 100 por definición.' + color-custom-ranges-li2x2: "—La vivacidad del color, 0 a 100 por definición." color-custom-ranges-li3x1: Brillo - color-custom-ranges-li3x2: '—Es el brillo del color, 0 a 100 por definición.' - color-custom-ranges-p6x1: 'Con ' - color-custom-ranges-p6x2: ' puedes definir tu propio rango de valores. Algunos prefieren un rango de 0-360 para el tono (piensa en los 360 grados de la rueda de color) y 0-100 para la saturación y brillo (piensa en 0-100%).' - coordinate-system-description1: 'Este tutorial proviene del libro ' + color-custom-ranges-li3x2: "—Es el brillo del color, 0 a 100 por definición." + color-custom-ranges-p6x1: "Con " + color-custom-ranges-p6x2: " puedes definir tu propio rango de valores. Algunos prefieren un rango de 0-360 para el tono (piensa en los 360 grados de la rueda de color) y 0-100 para la saturación y brillo (piensa en 0-100%)." + coordinate-system-description1: "Este tutorial proviene del libro " coordinate-system-description2: Learning Processing - coordinate-system-description3: ' de Daniel Shiffman, publicado por Morgan Kaufmann, © 2008 Elsevier Inc. Todos los derechos reservados. Fue transcrito a p5.js por Alex Yixuan Xu. Si detectas algún error o tienes comentarios, por favor ' + coordinate-system-description3: " de Daniel Shiffman, publicado por Morgan Kaufmann, © 2008 Elsevier Inc. Todos los derechos reservados. Fue transcrito a p5.js por Alex Yixuan Xu. Si detectas algún error o tienes comentarios, por favor " coordinate-system-description4: escríbenos coordinate-system-description5: . coordinate-system-description-title: Sistema Coordenado y Figuras @@ -1638,11 +1638,11 @@ learn: especificar su ubicación y tamaño (y luego su color) y entender cómo p5.js espera recibir dicha información. En cada uno de los siguientes diagramas asumiremos una ventana de 100 pixeles de ancho y 100 pixeles de alto. - coordinate-system-simple-shapes-p3x1: 'Un ' - coordinate-system-simple-shapes-p3x2: ' es la forma más simple y un buen lugar para comenzar. Para dibujar un punto solo necesitamos un par ordenado (x,y).' - coordinate-system-simple-shapes-p4x1: 'Una ' - coordinate-system-simple-shapes-p4x2: ' tampoco es terriblemente compleja y solo requiere dos puntos: (x1,y1) y (x2,y2):' - coordinate-system-simple-shapes-p5x1: 'Una vez que llegamos a dibujar un ' + coordinate-system-simple-shapes-p3x1: "Un " + coordinate-system-simple-shapes-p3x2: " es la forma más simple y un buen lugar para comenzar. Para dibujar un punto solo necesitamos un par ordenado (x,y)." + coordinate-system-simple-shapes-p4x1: "Una " + coordinate-system-simple-shapes-p4x2: " tampoco es terriblemente compleja y solo requiere dos puntos: (x1,y1) y (x2,y2):" + coordinate-system-simple-shapes-p5x1: "Una vez que llegamos a dibujar un " coordinate-system-simple-shapes-p5x2: >- , las cosas se tornan un poco más complejas. En p5.js un rectángulo se especifica con las coordenadas de su esquina superior izquierda, así como @@ -1651,7 +1651,7 @@ learn: Una segunda manera de dibujar un rectángulo requiere especificar su punto central junto con su ancho y alto. Si preferimos este método, debemos indicar previamente que queremos utilizar el modo - coordinate-system-simple-shapes-p6x2: ' antes de la instrucción del propio rectángulo. Notemos que p5.js es sensible a cada caso.' + coordinate-system-simple-shapes-p6x2: " antes de la instrucción del propio rectángulo. Notemos que p5.js es sensible a cada caso." coordinate-system-simple-shapes-p7x1: >- Finalmente podemos dibujar un rectángulo con dos puntos (la esquina superior izquierda y la esquina superior derecha). El modo en este caso es @@ -1661,10 +1661,10 @@ learn: coordinate-system-simple-shapes-p8x1: >- Una vez que nos hemos familiarizado con el concepto de dibujar un rectángulo, una - coordinate-system-simple-shapes-p8x2: ' es muy sencilla de dibujar. De hecho es idéntica al ' - coordinate-system-simple-shapes-p8x3: ' con la diferencia de que la elipse se dibuja donde la caja que contiene al rectángulo debiera estar. El modo por defecto para la ' - coordinate-system-simple-shapes-p8x4: ' es ' - coordinate-system-simple-shapes-p8x5: ', en vez de ' + coordinate-system-simple-shapes-p8x2: " es muy sencilla de dibujar. De hecho es idéntica al " + coordinate-system-simple-shapes-p8x3: " con la diferencia de que la elipse se dibuja donde la caja que contiene al rectángulo debiera estar. El modo por defecto para la " + coordinate-system-simple-shapes-p8x4: " es " + coordinate-system-simple-shapes-p8x5: ", en vez de " coordinate-system-simple-shapes-p8x6: . coordinate-system-simple-shapes-p9x1: >- Ahora observemos una aplicación un poco más realista, con una pantalla de @@ -1673,17 +1673,17 @@ learn: curves-description1: >- This tutorial is written by J David Eisenberg and ported by Sally Chen. If you see any errors or have comments, - curves-description2: ' please let us know.' - curves-description3: 'This work is licensed under a ' - curves-description4: ' Creative Commons Attribution-NonCommercial-ShareAlinke 4.0 International License.' + curves-description2: " please let us know." + curves-description3: "This work is licensed under a " + curves-description4: " Creative Commons Attribution-NonCommercial-ShareAlinke 4.0 International License." curves-p1x1: >- This short tutorial introduces you to the three types of curves in p5.js: arcs, spline curves, and Bézier curves. - curves-arcs-title: ' Arcs ' + curves-arcs-title: " Arcs " curves-arcs-p1x1: >- Arcs are the simplest curves to draw, it is defined an arc as a section of an ellipse. You call the function with these parameters: - curves-arcs-p2x1: 'arc (x, y, w, h, start, stop, [mode])' + curves-arcs-p2x1: "arc (x, y, w, h, start, stop, [mode])" curves-arcs-p3x1: >- The first four parameters (x,y,w,h) define the boundary box for your arc and the next two (start, stop), are the start and stop angles for the arc. These @@ -1698,7 +1698,7 @@ learn: must also specify two control points which determine the direction and amount of curvature. The first two and last two parameters are the control points of the curve. A call to curve() uses these parameters: - curves-spline-curves-p2x1: 'curve (cpx1, cpy1, x1, y1, x2, y2, cpx2, cpy2);' + curves-spline-curves-p2x1: "curve (cpx1, cpy1, x1, y1, x2, y2, cpx2, cpy2);" curves-spline-curves-p3x1: How do the control points affect the way the curve looks? curves-spline-curves-p4x1: >- The tangent to the curve at the start point is parallel to the line between @@ -1724,7 +1724,7 @@ learn: eight parameters, but the order is different. The first two and last two parameters are the start and end points while middle four points are the control points. - curves-bezier-curves-p2x1: ' bezier(x1, y1, cpx1, cpy1, cpx2, cpy2, x2, y2); ' + curves-bezier-curves-p2x1: " bezier(x1, y1, cpx1, cpy1, cpx2, cpy2, x2, y2); " curves-bezier-curves-p3x1: >- While it is difficult to visualize how the control points affect a curve(), it is slightly easier to see how the control points affect Bézier curves. @@ -1734,14 +1734,14 @@ learn: midpoint of the first rubber band. One more rubber band connects their midpoints. The center of that last rubber band is tied to the curve. This diagram helps to explain, the points can be moved to change the curve. - curves-continuous-bezier-curves-title: ' Continuous Bézier Curves' + curves-continuous-bezier-curves-title: " Continuous Bézier Curves" curves-continuous-bezier-curves-p1x1: >- Just as curveVertex() allows you to make continuous spline curves, bezierVertex() lets you make continuous Bézier curves. Again, you must be within a beginShape() / endShape() sequence. You must use vertex(startX, startY) to specify the starting anchor point of the curve. Subsequent points are specified with a call to: - curves-continuous-bezier-curves-p2x1: 'bezierVertex(cpx1, cpy1, cpx2, cpy2, x, y);' + curves-continuous-bezier-curves-p2x1: "bezierVertex(cpx1, cpy1, cpx2, cpy2, x, y);" curves-continuous-bezier-curves-p3x1: >- Here is a continuous Bézier curve, but it doesn’t join smoothly. In order to make two curves A and B smoothly continuous, the last control point of A, @@ -1757,12 +1757,12 @@ learn: curves-summary-li3: >- Use bezier() when you need long, smooth curves. Use bezierVertex() to make a continuous series of Bézier curves as part of a shape. - teach-desc: 'Teach a p5 workshop or class, or create teaching materials!' + teach-desc: "Teach a p5 workshop or class, or create teaching materials!" libraries: Libraries: Bibliotecas core-libraries: Bibliotecas principales community-libraries: Bibliotecas de la comunidad - libraries-created-by: 'Creada por:' + libraries-created-by: "Creada por:" p5.sound: >- p5.sound extiende p5 con funcionalidad de Web Audio, incluyendo entrada de audio, reproducción, análisis y síntesis. @@ -1777,7 +1777,7 @@ libraries: navegador. Usa los datos de los sensores para controlar tu bosquejo, usa un bosquejo para controlar LEDs, motores, y más. p5.bezier: A library helps draw high-degree Bézier curves with unlimited points. - p5.clickable: 'Biblioteca para crear botones y eventos fácilmente con p5.js. ' + p5.clickable: "Biblioteca para crear botones y eventos fácilmente con p5.js. " p5.cmyk.js: Espacio de color cian-magenta-amarillo-negro. p5.collide2D: >- p5.collide2D provee herramientas para calcular detección de colisiones en @@ -1818,7 +1818,7 @@ libraries: p5.localmessage: >- p5.provee una interfaz simple para enviar mensajes locales de un bosquejo a otro y así dibujar en múltiples ventanas! - marching: 'Conversión de trama a vector, isosuperficies.' + marching: "Conversión de trama a vector, isosuperficies." mappa: >- Mappa es una biblioteca que provee un conjunto de herramientas para trabajar con mapas estáticos y geo-datos, además de otras herramientas útiles para @@ -1912,7 +1912,7 @@ libraries: p5.wasm es una libreria complemento escrita en Rust y compilada para WebAssembly que implementa funciones comunes encontradas en p5.js. p5.xr: Una biblioteca para crear bocetos VR y AR con p5. - p5.3D: 'Texto 3D e imágenes en WebGL. ' + p5.3D: "Texto 3D e imágenes en WebGL. " WEBMIDI.js: Envia y recibe facilmente mensaje MIDI de p5. p5.buttons: Una libreria que pretende simplificar el scripting de botones. p5.button: >- @@ -1921,7 +1921,7 @@ libraries: p5.math.js: >- Las operaciones matemáticas de JavaScript han sido convertidas a simple lenguaje humano, así que ellos podrán entenderlas realmente rápido. - p5LiveMedia: 'Audio, video, canvas e intercambio de datos en tiempo real.' + p5LiveMedia: "Audio, video, canvas e intercambio de datos en tiempo real." P5.Create: >- p5.create es una biblioteca que proporciona funciones de guardado, animación, colisión y etiquetado diseñadas para la creación eficiente de @@ -2011,8 +2011,8 @@ community: sobre la eficiencia), #newKidLove (porque todos empezamos en alguna parte), #unassumeCore (porque no asumimos conocimiento previo) y #BlackLivesMatter (obviamente). - in-practice-title: 'En la práctica:' - in-practice1: ' No somos programadores snob. No asumimos conocimiento previo ni damos por sentado que hay cosas que todos deberían saber. ' + in-practice-title: "En la práctica:" + in-practice1: " No somos programadores snob. No asumimos conocimiento previo ni damos por sentado que hay cosas que todos deberían saber. " in-practice2: >- Insistimos en involucrarnos de manera activa en las peticiones de respuesn, sin importar su complejidad. @@ -2024,7 +2024,7 @@ community: Hacemos un esfuerzo constante en activamente reconocer y validar múltiples tipos de contribuciones. in-practice5: Siempre estamos dispuestos a ofrecer ayuda y consejo. - in-times-conflict-title: 'En tiempos de conflicto:' + in-times-conflict-title: "En tiempos de conflicto:" in-times-conflict1: Escuchamos in-times-conflict2: Comunicamos claramente y reconocemos los sentimientos del otro. in-times-conflict3: >- @@ -2034,12 +2034,12 @@ community: in-times-conflict5: Mantenemos nuestra comunidad respetuosa y abierta. in-times-conflict6: Hacemos que todos se sientan escuchados. in-times-conflict7: Somos conscientes y amables en nuestras interacciones. - in-the-future-title: 'En el futuro:' + in-the-future-title: "En el futuro:" in-the-future1: El futuro es ahora. notes-title: Notes - notes1: 'Please also see our ' + notes1: "Please also see our " notes2: p5.js Code of Conduct - notes3: '. Esta Declaración de comunidad en torno a p5.js está licenciada bajo ' + notes3: ". Esta Declaración de comunidad en torno a p5.js está licenciada bajo " notes4: Licencia de Creative Commons notes5: . Por favor comparte y remezcla con atribución. contribute-title: Contribuye @@ -2048,31 +2048,31 @@ community: diferentes maneras. develop-title: Desarrolla. develop1: GitHub - develop2: ' es el principal lugar donde se almacena el código, se documentan los problemas y se discute sobre el código. Revisa el ' - develop3: ' tutorial de desarrollo' - develop4: ' para introducirte al tema, o ' + develop2: " es el principal lugar donde se almacena el código, se documentan los problemas y se discute sobre el código. Revisa el " + develop3: " tutorial de desarrollo" + develop4: " para introducirte al tema, o " develop5: crea tu propia biblioteca. document-title: Documenta. - document1: ' Todos amamos la documentación. Necesitamos ayuda ' + document1: " Todos amamos la documentación. Necesitamos ayuda " document2: agregando ejemplos - document3: ', ' - document4: ' añadiendo documentación' - document5: ' y creando tutoriales.' + document3: ", " + document4: " añadiendo documentación" + document5: " y creando tutoriales." teach-title: Enseña. - teach1: ' Haz un taller, da una clase, enséñale a tus amigos y colaboradores! Etiqueta a @p5xjs en Twitter y haremos lo posible para compartir lo que estás haciendo.' + teach1: " Haz un taller, da una clase, enséñale a tus amigos y colaboradores! Etiqueta a @p5xjs en Twitter y haremos lo posible para compartir lo que estás haciendo." create-title: Crea. - create1: ' p5.js está buscando diseñadores, artistas y programadores que contribuyan con una obra increíble y creativa para ser mostrada en la página principal y así inspirar al resto. Envía tu trabajo a ' + create1: " p5.js está buscando diseñadores, artistas y programadores que contribuyan con una obra increíble y creativa para ser mostrada en la página principal y así inspirar al resto. Envía tu trabajo a " create2: hello@p5js.org create3: . donate-title: Dona. - donate1: ' p5.js es gratuito y de código abierto y hecho por artistas. Ayuda al desarrollo de p5.js a través de una donación a la ' + donate1: " p5.js es gratuito y de código abierto y hecho por artistas. Ayuda al desarrollo de p5.js a través de una donación a la " donate2: Processing Foundation donate3: . contributors-conference-title: Conferencia de contribuyentes contributors-conference1: >- Anque la mayor parte del trabajo sucede en línea, también nos reunimos en persona. Hemos tenido dos conferencias de contribuyentes realizadas en - contributors-conference2: ' en la Universidad Carnegie Mellon en Pittsburgh, PA. Artistas, diseñadores, desarrolladores, y educadores se reunieron para llevar el proyecto p5.js adelante.' + contributors-conference2: " en la Universidad Carnegie Mellon en Pittsburgh, PA. Artistas, diseñadores, desarrolladores, y educadores se reunieron para llevar el proyecto p5.js adelante." participants-title: Participantes support-title: Apoyo support1: Nuestra conferencia de contribuyentes fue realizada en el @@ -2082,7 +2082,7 @@ community: arte, la ciencia, la tecnología y la cultura. support3: Este evento fue posible gracias a fondos del support4: y el generoso apoyo de - support5: 'y' + support5: "y" support6: ¡Gracias! mailing-list-title: Boletín mailing-list-1: >- @@ -2111,14 +2111,14 @@ community: 2015contributors-conference-diversity2: >- Diversidad: Siete voces discuten sobre raza, género, habilidades & clase en FLOSS e Internet - 2015contributors-conference-diversity3: '. ' + 2015contributors-conference-diversity3: ". " 2015contributors-conference-diversity4: Organizado por - 2015contributors-conference-diversity5: 'y' - 2015contributors-conference-diversity6: ', ' + 2015contributors-conference-diversity5: "y" + 2015contributors-conference-diversity6: ", " 2015contributors-conference-diversity7: >- el panel ocurrió el martes 25 de mayo 2015 en el Kresge Auditorium en Carnegie Mellon University. Los oradores incluyeron - 2015contributors-conference-diversity8: 'y' + 2015contributors-conference-diversity8: "y" 2015contributors-conference-diversity9: . 2015cc_1: Un diverso grupo de participantes sonríe y hace un signo de p5 con sus manos 2015cc_2: >- @@ -2138,7 +2138,7 @@ community: 2015cc_8: >- Participants sit around a table looking at each others laptops and compare code - 2015cc_9: 'Pizarra con notas de distintos colores y notas sobre programación ' + 2015cc_9: "Pizarra con notas de distintos colores y notas sobre programación " 2015cc_10: >- Mujer al micrófono habla sobre la importancia de valorar distintas habilidades mientras que un grupo de participantes en sus computadoras @@ -2149,14 +2149,14 @@ community: 2015cc_12: >- Vista aérea de un aula con participantes trabajando en sus computadoras portátiles - 2015cc_13: 'Cinco personas discutiendo en un círculo ' + 2015cc_13: "Cinco personas discutiendo en un círculo " 2015cc_14: >- Cinco personas en un círculo con sus computadoras portátiles compartiendo notas - 2015cc_15: 'Hombe al micrófono habla a un grupo de participantes dentro de un aula ' + 2015cc_15: "Hombe al micrófono habla a un grupo de participantes dentro de un aula " 2019contributors-conference-title: Conferencia de contribuyentes 2019 2019contributors-conference-date: Agosto 13-18 - 2019contributors-conference1: 'Un grupo interdisciplinario de 35 participantes se reunió en ' + 2019contributors-conference1: "Un grupo interdisciplinario de 35 participantes se reunió en " 2019contributors-conference2: >- , para programar, documentar, crear herramientas para la comunidad y explorar el estado del ambiente de programación p5.js. Los participantes @@ -2184,7 +2184,7 @@ community: Un panel sobre género y afro-desendencia en espacios virtuales liderado por American Artist, con shawné michaelain holloway y LaJuné McMillian. output5: Talleres liderados por Everest Pipkin y Jon Chambers. - output6: 'Un prototipo de ' + output6: "Un prototipo de " output6-1: interface notebook para p5.js. output6-2: Creado por Allison Parrish. output7: >- @@ -2195,7 +2195,7 @@ community: Creado por Aarón Montoya-Moraga, Kenneth Lim, Guillermo Montecinos, Qianqian Ye, Dorothy R. Santos, y Yasheng She. output9: Como escribir código creativo no-violento. - output9-1: ' Una revista liderada por Olivia Ross.' + output9-1: " Una revista liderada por Olivia Ross." output10: >- Una reforma del sitio web para accesibilidad. Incluyendo actualizaciones para accesibilidad usando lectores de pantalla, y mejoras a las páginas @@ -2246,13 +2246,13 @@ community: 2019cc_18: >- Mujer sentada al lado de un oso de pelucho del mismo tamaño trabaja en su computadora - 2019cc_19: 'Participantes de pie sonriendo al aire libre ' + 2019cc_19: "Participantes de pie sonriendo al aire libre " 2019cc_20: Cuatro participantes de pie conversan en un círculo 2019cc_21: Participantes almorzando juntos sentados al aire libre 2019cc_22: >- Participantes sentados al rededor de una mesa en forma de U video hacia el frente del aula - 2019cc_23: 'Hombre sentado al frente del aula hablando enérgicamente al micrófono ' + 2019cc_23: "Hombre sentado al frente del aula hablando enérgicamente al micrófono " 2019cc_24: >- Foto grupal de participantes con sus manos en el aire sonriendo con entusiasmo @@ -2293,10 +2293,10 @@ community: books: books-title: Libros book-1-title: Getting Started with p5.js - book-1-authors: 'Lauren McCarthy, Casey Reas, y Ben Fry. Illustrations by Taeyoon Choi.' - book-1-publisher: 'Publicado 2015, Maker Media. ' - book-1-pages: '246 páginas. ' - book-1-type: 'Tapa blanda. ' + book-1-authors: "Lauren McCarthy, Casey Reas, y Ben Fry. Illustrations by Taeyoon Choi." + book-1-publisher: "Publicado 2015, Maker Media. " + book-1-pages: "246 páginas. " + book-1-type: "Tapa blanda. " book-1-description: >- Escrito por la desarolladora principal de p5.js y los fundadores de Processing, este libro provee una introducción a las posibilidades creativas @@ -2307,9 +2307,9 @@ books: book-2-authors: >- Lauren McCarthy, Casey Reas, y Ben Fry. Traducido por Aarón Montoya-Moraga. Ilustraciones de Taeyoon Choi. - book-2-publisher: 'Publicado 2018, Processing Foundation, Inc. ' - book-2-pages: '246 páginas. ' - book-2-type: 'Tapa blanda. ' + book-2-publisher: "Publicado 2018, Processing Foundation, Inc. " + book-2-pages: "246 páginas. " + book-2-type: "Tapa blanda. " book-2-description: >- Escrito por la desarolladora principal de p5.js y los fundadores de Processing, este libro provee una introducción a las posibilidades creativas @@ -2317,44 +2317,36 @@ books: book-2-order-a: Ordena el pdf desde The Processing Foundation Press book-2-order-b: Ordena la versión física desde Amazon book-3-title: Generative Design - book-3-authors: 'Benedikt Gross, Hartmut Bohnacker, Julia Laub and Claudius Lazzeroni.' - book-3-publisher: 'Publicado 2018, Princeton Architectural Press; Reprint edition. ' - book-3-pages: '255 páginas. ' - book-3-type: 'Tapa blanda. ' + book-3-authors: "Benedikt Gross, Hartmut Bohnacker, Julia Laub and Claudius Lazzeroni." + book-3-publisher: "Publicado 2018, Princeton Architectural Press; Reprint edition. " + book-3-pages: "255 páginas. " + book-3-type: "Tapa blanda. " book-3-description: >- - By using simple languages such as JavaScript in p5.js, artists and makers - can create everything from interactive typography and textiles to 3D-printed - furniture to complex and elegant infographics. + Al utilizar lenguajes simples como JavaScript en p5.js, los artistas y creadores pueden crear de todo, desde tipografía y textiles interactivos hasta muebles impresos en 3D e infografías complejas y elegantes. book-3-order-a: Ordena desde Princeton Architectural Press book-3-order-b: Ordena desde Amazon book-4-title: Generative Gestaltung (German Edition) - book-4-authors: 'Benedikt Gross, Hartmut Bohnacker, Julia Laub and Claudius Lazzeroni.' - book-4-publisher: 'Publicado 2018, Schmidt Hermann Verlag. ' - book-4-pages: '256 páginas. ' - book-4-type: 'Tapa dura. ' + book-4-authors: "Benedikt Gross, Hartmut Bohnacker, Julia Laub and Claudius Lazzeroni." + book-4-publisher: "Publicado 2018, Schmidt Hermann Verlag. " + book-4-pages: "256 páginas. " + book-4-type: "Tapa dura. " book-4-description: >- - By using simple languages such as JavaScript in p5.js, artists and makers - can create everything from interactive typography and textiles to 3D-printed - furniture to complex and elegant infographics. + Al utilizar lenguajes simples como JavaScript en p5.js, los artistas y creadores pueden crear de todo, desde tipografía y textiles interactivos hasta muebles impresos en 3D e infografías complejas y elegantes. book-4-order-a: Ordena desde Verlag Hermann Schmidt book-4-order-b: Ordena desde Amazon book-5-title: Learn JavaScript with p5.js book-5-authors: Engin Arslan. - book-5-publisher: 'Publicado 2018, Apress. ' - book-5-pages: '217 páginas. ' - book-5-type: 'Tapa blanda. ' + book-5-publisher: "Publicado 2018, Apress. " + book-5-pages: "217 páginas. " + book-5-type: "Tapa blanda. " book-5-description: >- - Learn coding from scratch in a highly engaging and visual manner using the - vastly popular JavaScript with the programming library p5.js. The skills you - will acquire from this book are highly transferable to a myriad of - industries and can be used towards building web applications, programmable - robots, or generative art. + Aprenda a codificar desde cero de una manera muy atractiva y visual utilizando el popular JavaScript con la biblioteca de programación p5.js. Las habilidades que adquirirá con este libro son altamente transferibles a una gran variedad de industrias y pueden usarse para crear aplicaciones web, robots programables o arte generativo. book-5-order-a: Ordena desde Apress book-5-order-b: Ordena desde Amazon - book-6-title: 'Aesthetic Programming: A Handbook of Software Studies' - book-6-authors: 'Winnie Soon, Geoff Cox. ' - book-6-publisher: 'Publicado en 2020, por Open Humanities Press. ' - book-6-pages: '298 páginas. ' + book-6-title: "Aesthetic Programming: A Handbook of Software Studies" + book-6-authors: "Winnie Soon, Geoff Cox. " + book-6-publisher: "Publicado en 2020, por Open Humanities Press. " + book-6-pages: "298 páginas. " book-6-type: Tapa dura. book-6-description: >- Usando p5.js, este libro introduce y demuestra la práctica reflexiva de la @@ -2396,8 +2388,8 @@ reference: Reference: Referencia showcase: showcase-title: Showcase - showcase-intro1: 'Presentamos Showcase, creada por ' - showcase-intro2: ' en 2019 y actualmente curada por ' + showcase-intro1: "Presentamos Showcase, creada por " + showcase-intro2: " en 2019 y actualmente curada por " showcase-intro3: >- Estamos celebrando cómo las personas usan p5.js para hacer que trabajos creativos, el aprendizaje y fuente abierta sean más interesantes e @@ -2443,10 +2435,10 @@ showcase: creativa, arte y tecnología, que incluye tutoriales de p5.js para principiantes. Disponible en YouTube, Instagram, Bilibili y TikTok. project-casey-louise: p5.js Shaders - credit-casey-louise: 'Casey Conchinha, Louise Lessél' - description-casey-louise: 'Un recurso para aprender el qué, por qué y cómo usar shaders en p5.js.' + credit-casey-louise: "Casey Conchinha, Louise Lessél" + description-casey-louise: "Un recurso para aprender el qué, por qué y cómo usar shaders en p5.js." project-moon-xin: Moving Responsive Posters - credit-moon-xin: 'Moon Jang, Xin Xin, and students' + credit-moon-xin: "Moon Jang, Xin Xin, and students" description-moon-xin: >- Pósters móviles basados en el navegador que utilizan sistemas gráficos, métodos de transformación y p5.js para abordar las connotaciones de una @@ -2455,7 +2447,7 @@ showcase: la Universidad de Georgia. created-by: Creado Por pronouns-female: (ella) - creator-from-roni-cantor: 'De Toronto, Canadá' + creator-from-roni-cantor: "De Toronto, Canadá" project-links: Enlaces de proyectos project-links-text-1-roni-cantor: Sketch de ejemplo en p5.js Web Editor project-links-text-2-roni-cantor: AxiDraw V3 demo video @@ -2466,9 +2458,9 @@ showcase: Universidad de Ryerson. Después de 4 años de programación y fabricación de robots, decidí tomar un descanso y jugar con algunas formas de arte más tradicionales, mientras que todavía programando y jugando con robots. - project-a-1-2-roni-cantor: '¡Comencé a usar p5.js en ' - project-a-1-3-roni-cantor: '! After using ' - project-a-1-4-roni-cantor: '! Después de usar Processing durante muchos años, quería probar algo nuevo.' + project-a-1-2-roni-cantor: "¡Comencé a usar p5.js en " + project-a-1-3-roni-cantor: "! After using " + project-a-1-4-roni-cantor: "! Después de usar Processing durante muchos años, quería probar algo nuevo." project-q-2: ¿Cómo usaste p5.js en este proyecto? project-a-2-1-roni-cantor: >- Utilicé p5.js en este proyecto para generar las fórmulas de onda sinusoidal @@ -2476,11 +2468,11 @@ showcase: project-a-2-2-roni-cantor: >- . Luego usé una función en mi código que exportaba mi gráfico programado a un archivo - project-a-2-3-roni-cantor: '. Necesitaba un archivo SVG para darle al plotter, un ' + project-a-2-3-roni-cantor: ". Necesitaba un archivo SVG para darle al plotter, un " project-a-2-4-roni-cantor: >- , para que entendiera dónde dibujar las líneas que programé. ¡Envié esta información al trazador con un programa llamado - project-a-2-5-roni-cantor: '!' + project-a-2-5-roni-cantor: "!" project-q-3: ¿Cuál es tu función favorita de p5.js? project-a-3-roni-cantor: ' porque las líneas son divertidas y "lerp" es una palabra divertida para decir!' project-q-4: >- @@ -2491,11 +2483,11 @@ showcase: beneficié de las personas a mi alrededor que habían usado p5 antes, así como de guías y foros en línea. project-q-5: ¿Qué es algo cool que deberíamos explorar? - project-a-5-roni-cantor: ' en Instagram: cosas de plotter análogo súper geniales.' + project-a-5-roni-cantor: " en Instagram: cosas de plotter análogo súper geniales." project-q-6: ¿En dónde se puede aprender más sobre ti? - project-a-6-roni-cantor: ' (Instagram)' + project-a-6-roni-cantor: " (Instagram)" project-resources: Recursos del Proyecto - creator-from-qianqian: 'Los Ángeles, California' + creator-from-qianqian: "Los Ángeles, California" interview-link-qianqian: Entrevista de Processing Foundation con Qianqian Ye project-a-1-1-qianqian: Soy una artista y diseñadora china con sede en Los Ángeles. project-a-1-2-qianqian: >- @@ -2512,7 +2504,7 @@ showcase: programación creativa no están disponibles en China. Los tutoriales de p5.js en YouTube, así como las cuentas de p5.js en Twitter e Instagram son inaccesibles en China debido a la censura del internet. - project-a-2-2-qianqian: 'Aprendí mucho de los videos de YouTube, como el ' + project-a-2-2-qianqian: "Aprendí mucho de los videos de YouTube, como el " project-a-2-3-qianqian: >- , pero cuanto más miraba los tutoriales de programación en línea, más me daba cuenta de lo difícil que es encontrar otras mujeres y personas de color @@ -2523,8 +2515,8 @@ showcase: que quieran contribuir al recurso educativo juntxs, como entrevistas y tutoriales invitadxs. Si te interesa enseñar/hablar sobre programación creativa en mandarín, ¡Avísame! - project-a-3-1-qianqian: 'El ' - project-a-3-2-qianqian: ' es mi función favorita. Hace que la programación creativa en línea sea perfecta.' + project-a-3-1-qianqian: "El " + project-a-3-2-qianqian: " es mi función favorita. Hace que la programación creativa en línea sea perfecta." project-a-4-1-qianqian: >- Aprender a programar en un segundo idioma fue difícil y la falta de comunidad hizo que este proceso fuera aún más arduo. Espero hablar desde mi @@ -2543,16 +2535,16 @@ showcase: mujeres y personas de color que está bien ponerse en línea y fortalecer sus comunidades compartiendo su conocimiento. Eventualmente, podremos detener el acoso en línea creando comunidades diversas y fuertes. - project-a-5-1-qianqian: 'Estoy muy entusiasmado por ' - project-a-5-2-qianqian: ' en LA.' - creator-from-phuong: 'De Kiev, Ucrania' + project-a-5-1-qianqian: "Estoy muy entusiasmado por " + project-a-5-2-qianqian: " en LA." + creator-from-phuong: "De Kiev, Ucrania" project-a-1-1-phuong: >- Soy una programadora y diseñadora creativa, un receptor de la beca de diversidad link-1-phuong: Juega Airi Flies! link-2-phuong: Código para AiriFlies en GitHub link-3-phuong: Más info en el portafolio de Phuong Ngo - project-a-1-2-phuong: ', y solo una criatura curiosa.' + project-a-1-2-phuong: ", y solo una criatura curiosa." project-a-1-3-phuong: >- Estaba tomando un curso en la Escuela de Máquinas en Berlín este verano llamado " @@ -2561,9 +2553,9 @@ showcase: Usé p5.js para trabajar en la parte visual del juego. Los sprites de animación para Airi y los fantasmas se dibujaron en una aplicación para iPad llamada - project-a-2-2-phuong: ' y luego se integraron en el código ' + project-a-2-2-phuong: " y luego se integraron en el código " project-a-2-3-phuong: . Principalmente utilicé ejemplos en p5.play como referencia. - project-a-2-4-phuong: 'Para el fondo de desplazamiento sin fin, encontré un ' + project-a-2-4-phuong: "Para el fondo de desplazamiento sin fin, encontré un " p5-sketch-by-chjno-phuong: p5 sketch de chjno project-a-2-5-phuong: >- . Establecí una condición para que cada vez que se detectara la palabra @@ -2571,25 +2563,25 @@ showcase: crear una ilusión de Airi volando hacia arriba. Cuando el usuario no hace nada, la velocidad de desplazamiento es negativa, hace que parezca que Airi se está cayendo. - project-a-2-6-phuong: 'Para el reconocimiento de sonido, utilicé ' + project-a-2-6-phuong: "Para el reconocimiento de sonido, utilicé " project-a-2-7-phuong: ' (actualmente, hay una versión beta que aún no está disponible en público, ¡pero lo estará muy pronto!). Agregué alrededor de 120 muestras de mis compañeros de clase diciendo la palabra "pew" con diferentes entonaciones y 80 muestras de ruido de fondo para entrenarlo. Luego integré el modelo en el juego con ' project-a-3-1-phuong: >- Realmente me encanta lo fácil que se puede crear, manipular y eliminar bloques y clases HTML con la - project-a-3-2-phuong: ' a través de ' - project-a-3-3-phuong: ' etc. But my most favorite function is ' - project-a-3-4-phuong: ', etc. Pero mi función favorita es ' + project-a-3-2-phuong: " a través de " + project-a-3-3-phuong: " etc. But my most favorite function is " + project-a-3-4-phuong: ", etc. Pero mi función favorita es " project-a-4-1-phuong: >- Hubieron muchos desafíos simplemente porque p5.js era algo nuevo para mí. No había trabajado mucho con JavaScript en general antes. Leer documentación y buscar ejemplos similares ayudó mucho. - project-a-5-1-phuong: '¡Chequen los ' + project-a-5-1-phuong: "¡Chequen los " school-of-machines-phuong: cursos de School of Machines project-a-5-2-phuong: >- ! Se esfuerzan por conectar a las personas más creativas del mundo y hasta ahora lo hacen bien. ❤️ pronouns-male: (el) - creator-from-chung: 'De Baltimore, Maryland' + creator-from-chung: "De Baltimore, Maryland" link-1-casey-louise: Guía de p5.js Shaders link-2-casey-louise: Colección glitch de ejemplos con p5.js shader link-1-chung: Vean Chillin' @@ -2599,8 +2591,8 @@ showcase: Soy diseñador gráfico y miembro de la facultad en Maryland Institute College of Art, donde enseño principalmente programación (con p5.js y Processing, por supuesto) y motion graphics. - project-a-1-2-chung: 'He estado usando ' - project-a-1-3-chung: ' durante algún tiempo, y cuando apareció p5.js, comencé a usarlo sin pensarlo dos veces porque era fácil convertir el código de Processing existente y compartir proyectos en línea.' + project-a-1-2-chung: "He estado usando " + project-a-1-3-chung: " durante algún tiempo, y cuando apareció p5.js, comencé a usarlo sin pensarlo dos veces porque era fácil convertir el código de Processing existente y compartir proyectos en línea." project-a-2-1-chung: >- Este verano, me di el desafío de hacer carteles tipográficos con programación, y este es uno de los carteles que hice. Hasta hace muy poco, @@ -2630,12 +2622,12 @@ showcase: una opción debido a caídas de frecuencia de cuadros intermitentes (mi computadora portátil es bastante lenta). Después de investigar un poco, decidí aprender algunos conceptos básicos de - project-a-4-3-chung: ' y crear una herramienta para mí.' + project-a-4-3-chung: " y crear una herramienta para mí." project-a-5-1-chung: >- Como se mencionó anteriormente, si desea renderizar cuadros y archivos de video a partir de bocetos de p5.js, consulte mi - project-a-5-2-chung: ' y hazme saber lo que piensas.' - creator-from-casey-louise: 'De Nueva York, Nueva York' + project-a-5-2-chung: " y hazme saber lo que piensas." + creator-from-casey-louise: "De Nueva York, Nueva York" project-a-1-1-casey-louise: >- Casey: Soy un estudiante de NYU ITP que está interesado en gráficos computacionales y espacios interactivos, físicos y digitales. @@ -2645,7 +2637,7 @@ showcase: project-a-1-3-casey-louise: >- Casey: Comencé a aprender p5.js en 2018 en mi primer semestre en ITP, aunque había estado incursionando en - project-a-1-4-casey-louise: ' desde 2012. Mi amigo Pedro me introdujo a Processing cuando estudiaba diseño gráfico, y me impresionó. La idea de crear mis propias herramientas para crear gráficos y arte interactivo despertó mi interés, pero una vez que lo intenté, me enganché. El primer proyecto que puedo recordar fue un ojo que te seguía por la pantalla, y se ponía triste cuando lo dejabas solo.' + project-a-1-4-casey-louise: " desde 2012. Mi amigo Pedro me introdujo a Processing cuando estudiaba diseño gráfico, y me impresionó. La idea de crear mis propias herramientas para crear gráficos y arte interactivo despertó mi interés, pero una vez que lo intenté, me enganché. El primer proyecto que puedo recordar fue un ojo que te seguía por la pantalla, y se ponía triste cuando lo dejabas solo." project-a-1-5-casey-louise: >- Louise: Inicialmente aprendí p5.js para hacer que un sitio web que ya estaba creando para que fuera más divertido. Soy una programadora de C#, así que @@ -2662,21 +2654,21 @@ showcase: inmediatamente entusiasmada por aprender y enseñar sombreadores en p5.js. Ella ha sido excelente al asegurarse de que el proyecto sea un recurso de aprendizaje y no solo una colección de ejemplos. - project-a-3-1-casey-louise: 'Casey: ¿' - project-a-3-2-casey-louise: ' cuenta como una función? También me encanta tener la capacidad de compartir mis programas en la web para que las personas no tengan que instalar un software especial o venir a Nueva York para ver mi trabajo.' - project-a-3-3-casey-louise: 'Louise: Mi función favorita es ' - project-a-3-4-casey-louise: ' y ' - project-a-3-5-casey-louise: ' para la transformación del sistema de coordenadas para hacer imágenes generativas.' + project-a-3-1-casey-louise: "Casey: ¿" + project-a-3-2-casey-louise: " cuenta como una función? También me encanta tener la capacidad de compartir mis programas en la web para que las personas no tengan que instalar un software especial o venir a Nueva York para ver mi trabajo." + project-a-3-3-casey-louise: "Louise: Mi función favorita es " + project-a-3-4-casey-louise: " y " + project-a-3-5-casey-louise: " para la transformación del sistema de coordenadas para hacer imágenes generativas." project-a-4-1-casey-louise: >- Casey: El comienzo del proyecto (descubrir cómo funcionan las cosas) fue que contactamos a personas increíbles, les hicimos preguntas y les pedimos permiso para usar sus ejemplos en nuestro proyecto. adam-ferris-repo-casey-louise: GitHub repo de Adam Ferriss - project-a-4-2-casey-louise: ' realmente nos dio las bases para comprender cómo funcionan los shaders en p5.js y proporcionó un marco de ejemplos accesibles para que podamos crear proyectos. Para algunos problemas específicos relacionados con p5.js que teníamos, nos comunicamos con ' - project-a-4-3-casey-louise: ' y ' - project-a-4-4-casey-louise: ' (quienes trabajaron en la ' + project-a-4-2-casey-louise: " realmente nos dio las bases para comprender cómo funcionan los shaders en p5.js y proporcionó un marco de ejemplos accesibles para que podamos crear proyectos. Para algunos problemas específicos relacionados con p5.js que teníamos, nos comunicamos con " + project-a-4-3-casey-louise: " y " + project-a-4-4-casey-louise: " (quienes trabajaron en la " webgl-casey-louise: implementación de WebGL en p5.js - project-a-4-5-casey-louise: '), y fueron muy útiles.' + project-a-4-5-casey-louise: "), y fueron muy útiles." project-a-4-6-casey-louise: >- Louise: La curva de aprendizaje fue bastante empinada para implementar shaders en p5. Afortunadamente, hubo algunos ejemplos muy bien documentados @@ -2688,31 +2680,31 @@ showcase: project-a-4-7-casey-louise: >- . Creemos en un enfoque divertido de "oye, no es difícil y tú también puedes hacerlo". - project-a-5-1-casey-louise: '¡Visiten ' - project-a-5-2-casey-louise: ' para explorar los increíbles proyectos de subvenciones de nuestros compañeros!' + project-a-5-1-casey-louise: "¡Visiten " + project-a-5-2-casey-louise: " para explorar los increíbles proyectos de subvenciones de nuestros compañeros!" pronouns-nonbinary: (elle) - creator-from-moon: 'De Atenas, Georgia' + creator-from-moon: "De Atenas, Georgia" posters-by: Posters hechos por project-a-1-1-moon: >- Moon: Soy diseñadora gráfica, artista visual y educadora de diseño. Este verano, impartí un curso de diseño gráfico en el programa Cortona de la Universidad de Georgia en Italia, presentando algunos conceptos básicos de p5.js. Este otoño, planeo enseñar y estudiar plataformas digitales en UGA. - project-a-1-2-moon: 'Mi ex colega, ' - project-a-1-3-moon: ', me invitó a ' - project-a-1-4-moon: ' en ' + project-a-1-2-moon: "Mi ex colega, " + project-a-1-3-moon: ", me invitó a " + project-a-1-4-moon: " en " pcd-la-moon: LA en enero de 2019 project-a-1-5-moon: >- . Me ayudaron con las herramientas y la lógica de p5.js. Fue una excelente experiencia de enseñanza y aprendizaje. - project-a-2-1-moon: 'Seguimos tutoriales básicos, ' + project-a-2-1-moon: "Seguimos tutoriales básicos, " codetrain-moon: los videos de Daniel en YouTube - project-a-2-2-moon: ', y ' + project-a-2-2-moon: ", y " p5-reference-moon: Referencia en el sitio web p5.js project-a-2-3-moon: . - project-a-3-1-moon: 'Mi función favorita está relacionada con ' - project-a-3-2-moon: ' y ' - project-a-3-3-moon: ': ' + project-a-3-1-moon: "Mi función favorita está relacionada con " + project-a-3-2-moon: " y " + project-a-3-3-moon: ": " project-a-3-4-moon: >- . Pude usar y enseñar esta herramienta para visualizar varias ideas sobre el tiempo en movimiento. @@ -2723,8 +2715,8 @@ showcase: enseñar la forma en que entendí la estructura y el código de p5.js con fuertes restricciones que configuré. Fue una excelente experiencia de enseñanza y aprendizaje. - project-a-5-1-moon: 'Echa un vistazo a ' - project-a-5-2-moon: ' en Milán, Italia.' + project-a-5-1-moon: "Echa un vistazo a " + project-a-5-2-moon: " en Milán, Italia." teach: teach-title2: Enseñar teach-intro1: >- @@ -2735,10 +2727,10 @@ teach: conectar mejor las comunidades de estudiantes y educadores de p5.js de todo el mundo. teach-intro3: Compartir o recomendar - teach-intro4: 'tus propias experiencias de enseñanza, también!' + teach-intro4: "tus propias experiencias de enseñanza, también!" teach-heading: p5 Recursos Didácticos teach-search-filter: Filtro de Búsqueda - teach-filter1: 'Diversity & Inclusion : ' + teach-filter1: "Diversity & Inclusion : " teach-filter1-label1: Género teach-filter1-label2: Raza y Etnia teach-filter1-label3: Idioma @@ -2751,20 +2743,20 @@ teach: teach-filter1-label10: Edad teach-filter1-label11: Nivel de Haibilidad teach-filter1-label12: Occupación - teach-filter1-label13: '#noCodeSnobs' - teach-filter1-label14: '#newKidLove' - teach-filter1-label15: '#unassumeCore' - teach-filter1-label16: '#BlackLivesMatter' - teach-filter2: 'Venue : ' + teach-filter1-label13: "#noCodeSnobs" + teach-filter1-label14: "#newKidLove" + teach-filter1-label15: "#unassumeCore" + teach-filter1-label16: "#BlackLivesMatter" + teach-filter2: "Venue : " teach-filter2-label1: África teach-filter2-label2: Asia teach-filter2-label3: Europe teach-filter2-label4: América del Norte teach-filter2-label5: Oceanía teach-filter2-label6: América del Sur - teach-filter2-label7: 'Virtual-Online ' - teach-filter3: 'Year : ' - teach-filter4: 'Level of Difficulty : ' + teach-filter2-label7: "Virtual-Online " + teach-filter3: "Year : " + teach-filter4: "Level of Difficulty : " teach-filter4-label1: Primaria teach-filter4-label2: Intermedio teach-filter4-label3: Advanzado @@ -2777,51 +2769,51 @@ teach: teach-case1-lead-name: Emanuele Bolognesi teach-case1-image-alt: A group photo of 25 students with their teacher teach-case1-content1: "\U0001F4CD High School Russell-Newton, Scandicci (FI), Italy. " - teach-case1-content1-1: '02/06/2022 ~ 04/10/2022 every Saturday 10:00-11:00' + teach-case1-content1-1: "02/06/2022 ~ 04/10/2022 every Saturday 10:00-11:00" teach-case1-content2: >- 25 students (15-16 years old) of an Italian High School. 11 girls and 14 boys - teach-case1-content3: ' Elementary' + teach-case1-content3: " Elementary" teach-case1-content4: >- Introduce 10th grade students to simple video game programming using javascript and p5.js - teach-case1-content5: 'Method: p5.js web editor' + teach-case1-content5: "Method: p5.js web editor" teach-case1-content5-1: The teach-case1-content5-2: works teach-case1-content5-3: of the students teach-case2-title: Fractal implementations teach-case2-lead-name: Mariana teach-case2-content1: Mars - teach-case2-content1-1: '06.02.2022 15:00~15:30' + teach-case2-content1-1: "06.02.2022 15:00~15:30" teach-case2-content2: 15 - teach-case2-content3: ' Advanced' + teach-case2-content3: " Advanced" teach-case2-content4: Introduce the theme of fractals and use p5js to implement them - teach-case2-content5: 'Just ' + teach-case2-content5: "Just " teach-case3-title: Introduction to Computational Media with p5.js teach-case3-lead-name: Barry Voeten teach-case3-content1: school teach-case3-content1-1: entire course - teach-case3-content2: 'Dutch school kids, age 14-15' - teach-case3-content3: ' Elementary, Intermediate, Advanced' + teach-case3-content2: "Dutch school kids, age 14-15" + teach-case3-content3: " Elementary, Intermediate, Advanced" teach-case3-content4: education teach-case3-content5: Syllabus teach-case4-title: Calculadora de IMC teach-case4-lead-name: Dayana teach-case4-content1: Youtube - teach-case4-content1-1: '00h: 30min' - teach-case4-content2: 'Inscritos no canal do youtube, houveram 18 vizializações.' - teach-case4-content3: ' Elementary, Iniciante' + teach-case4-content1-1: "00h: 30min" + teach-case4-content2: "Inscritos no canal do youtube, houveram 18 vizializações." + teach-case4-content3: " Elementary, Iniciante" teach-case4-content4: Auxiliar pessoas que estao iniciando na programação. - teach-case4-content5: 'Editor Web do p5.js , Tutorial no youtube' + teach-case4-content5: "Editor Web do p5.js , Tutorial no youtube" teach-case5-title: Taller de Creative Coding teach-case5-lead-name: Federico Santana teach-case5-image-alt: Screen shot of the teacher is teaching on p5.js web editor online - teach-case5-content1: 'https://www.twitch.tv/snowflakeFede' - teach-case5-content1-1: 'every saturday 19:00-20:30PM (timezone: GMT-3)' + teach-case5-content1: "https://www.twitch.tv/snowflakeFede" + teach-case5-content1-1: "every saturday 19:00-20:30PM (timezone: GMT-3)" teach-case5-content2: >- Soy yo nada más, pero me gusta invitar personas para programar en vivo cuando puedo. - teach-case5-content3: ' Elementary' + teach-case5-content3: " Elementary" teach-case5-content4: >- Hacer que más personas aprendan sobre el arte creativo y, a su vez, poder ir acercandolas al mundo de la matemática, todo en español. El curso está @@ -2833,25 +2825,25 @@ teach: teach-case6-title: "50+ CODING CLUB: MY VERY FIRST CODE ART WITH HANDY(\U0001F590) AND FAMILY(\U0001F469‍\U0001F467‍\U0001F466)" teach-case6-lead-name: Inhwa Yeom teach-case6-image-alt: In-class photo - teach-case6-content1: 'Asia Culture Center, Gwangju, South Korea' - teach-case6-content1-1: '27/11/2020~ 12/2020 every Friday and Saturday 2:00-4:00' + teach-case6-content1: "Asia Culture Center, Gwangju, South Korea" + teach-case6-content1-1: "27/11/2020~ 12/2020 every Friday and Saturday 2:00-4:00" teach-case6-content2: >- People who identify themselves as older adults (average age = 62.54), and their companions of all ages. - teach-case6-content3: ' Elementary' + teach-case6-content3: " Elementary" teach-case6-content4: >- p5 for 50+ aims to enhance the digital literacy and rights of people going on 50+ - teach-case6-content5: 'p5 editor, p5for50+ web app, p5js.org, print out of code results' + teach-case6-content5: "p5 editor, p5for50+ web app, p5js.org, print out of code results" teach-case7-title: Introduction to p5js teach-case7-lead-name: Bérenger Recoules a.k.a b2renger teach-case7-image-alt: example picture teach-case7-content1: L'École de Design Nantes Atlantique - France teach-case7-content1-1: from 2018 and ongoing teach-case7-content2: Students from l'école de design Nantes Atlantique - teach-case7-content3: ' Elementary' - teach-case7-content4: 'get to know p5js and its functionalities (dom, audio, webgl etc.)' - teach-case7-content5: 'github readme : this a text tutorial to read in French.' + teach-case7-content3: " Elementary" + teach-case7-content4: "get to know p5js and its functionalities (dom, audio, webgl etc.)" + teach-case7-content5: "github readme : this a text tutorial to read in French." teach-case8-title: I am starting a new one - teach-case8-lead-name: Brinder Soin teach-case8-content1: New Jersey @@ -2859,7 +2851,7 @@ teach: teach-case8-content2: >- About 100 students from grades 7, 8 and 9 from various schools and locations. - teach-case8-content3: ' Elementary, Intermediate, Advanced' + teach-case8-content3: " Elementary, Intermediate, Advanced" teach-case8-content4: >- Keeping children safe and learning in the time of covid and promote STEM education @@ -2867,10 +2859,10 @@ teach: teach-case9-title: Programación Aplicada al Arte Visual e Interactivo teach-case9-lead-name: Sebastián Zavatarelli teach-case9-image-alt: A zoom class sharing p5.js web editor - teach-case9-content1: 'Buenos Aires, Argentina. Plataforma ZOOM' - teach-case9-content1-1: '15/09/2020 ~ 14/10/2020 every Wednesday 6:30-9:00PM)' + teach-case9-content1: "Buenos Aires, Argentina. Plataforma ZOOM" + teach-case9-content1-1: "15/09/2020 ~ 14/10/2020 every Wednesday 6:30-9:00PM)" teach-case9-content2: Alrededor de 10 personas. La mayoría mujeres. - teach-case9-content3: ' Elementary, Intermediate' + teach-case9-content3: " Elementary, Intermediate" teach-case9-content4: >- El curso está destinado a artistas que quieran comenzar a utilizar las herramientas tecnológicas actuales para el desarrollo de sus obras. También @@ -2882,20 +2874,20 @@ teach: moodle teach-case10-title: Painting with Code teach-case10-lead-name: Andreas Refsgaard - teach-case10-content1: 'Copenhagen, Denmark' + teach-case10-content1: "Copenhagen, Denmark" teach-case10-content1-1: 22/02/2020 teach-case10-content2: Participants were people . A wide range of people from - teach-case10-content3: ' Intermediate' + teach-case10-content3: " Intermediate" teach-case10-content4: >- Get creatives, designers, artists and other people who don't typically use code introduced to p5.js - teach-case10-content5: 'Website, p5.js editor' + teach-case10-content5: "Website, p5.js editor" teach-case11-title: Signing Coders teach-case11-lead-name: Taeyoon Choi - teach-case11-content1: 'BRIC, New York City. USA Seoul Museum of Art, Seoul, South Korea.' - teach-case11-content1-1: '5 Sessions, each 2~3 hours' + teach-case11-content1: "BRIC, New York City. USA Seoul Museum of Art, Seoul, South Korea." + teach-case11-content1-1: "5 Sessions, each 2~3 hours" teach-case11-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. - teach-case11-content3: ' Elementary' + teach-case11-content3: " Elementary" teach-case11-content4: >- To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts. @@ -2906,10 +2898,10 @@ teach: teach-case12-title: Digital Weaving & Physical Computing Workshop Series teach-case12-lead-name: Qianqian Ye teach-case12-image-alt: In-class photo - teach-case12-content1: 'Women’s Center for Creative Work, Los Angeles, CA, US' - teach-case12-content1-1: '19/10/2019 ~ 02/11/2019, every Saturday 3-6pm' - teach-case12-content2: '15 women and non-binary artists, designer, makers, programers.' - teach-case12-content3: ' Elementary' + teach-case12-content1: "Women’s Center for Creative Work, Los Angeles, CA, US" + teach-case12-content1-1: "19/10/2019 ~ 02/11/2019, every Saturday 3-6pm" + teach-case12-content2: "15 women and non-binary artists, designer, makers, programers." + teach-case12-content3: " Elementary" teach-case12-content4: >- Over the course of three workshops, we’ll draw and create patterns using p5.js, an open-source graphical library; we’ll learn and apply computational @@ -2918,12 +2910,12 @@ teach: teach-case12-content5: >- Materials: Slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool Methods: small team session - teach-case12-content5-1: 'Slides we used for the workshop:' + teach-case12-content5-1: "Slides we used for the workshop:" teach-case13-title: p5.js à l'Ubuntu Party! teach-case13-lead-name: Basile Pesin - teach-case13-content1: '2020 Ubuntu Party ' - teach-case13-content1-1: 'Cité des Sciences et de l''''Industrie, Paris, France' - teach-case13-content2: 'Any age, including children and parents, young and older adults.' + teach-case13-content1: "2020 Ubuntu Party " + teach-case13-content1-1: "Cité des Sciences et de l''Industrie, Paris, France" + teach-case13-content2: "Any age, including children and parents, young and older adults." teach-case13-content3: Advanced teach-case13-content4: >- To introduce a new public to programming through fun and compelling @@ -2942,26 +2934,26 @@ teach: teach-case14-image-alt: >- A group of participants collaborating to create some designs using the p5.js web editor on their laptops. - teach-case14-content1: 'National Institute of Design, Bangalore' - teach-case14-content1-1: '2020 February 8, 2:30-4:00 PM' + teach-case14-content1: "National Institute of Design, Bangalore" + teach-case14-content1-1: "2020 February 8, 2:30-4:00 PM" teach-case14-content2: >- Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants. - teach-case14-content3: 'Priti: Intermediate & Ajith: Advanced' + teach-case14-content3: "Priti: Intermediate & Ajith: Advanced" teach-case14-content4: >- To explore generative art & design and recreate some classical works with p5.js. - teach-case14-content5: 'Methods: In-person, collaborative, hands-on workshop.' - teach-case14-content5-1: 'Materials: ' - teach-case14-content5-2: 'course page ' - teach-case14-content5-3: 'linking to sketches on the p5 editor, ' - teach-case14-content5-4: 'interactive reference guide ' + teach-case14-content5: "Methods: In-person, collaborative, hands-on workshop." + teach-case14-content5-1: "Materials: " + teach-case14-content5-2: "course page " + teach-case14-content5-3: "linking to sketches on the p5 editor, " + teach-case14-content5-4: "interactive reference guide " teach-case14-content5-5: to p5 basics teach-case15-title: CC Fest (Creative Coding Festival) teach-case15-lead-name: Saber - teach-case15-speech: 'Love p5.js. It has meant so much to me, my students, and this community.' - teach-case15-content1: ' New York, Los Angeles, San Francisco, Virtual-Online ' - teach-case15-content1-1: ' Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual' + teach-case15-speech: "Love p5.js. It has meant so much to me, my students, and this community." + teach-case15-content1: " New York, Los Angeles, San Francisco, Virtual-Online " + teach-case15-content1-1: " Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual" teach-case15-content2: >- Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants. @@ -2974,37 +2966,37 @@ teach: methods and materials. Most used some sort of slides or documentation, some live coding using an editor, with work time for participant to remix. teach-case15-content5-1: CC Fest Lessons page - teach-case15-content5-2: ' for teaching materials' + teach-case15-content5-2: " for teaching materials" teach-case15-content5-3: More photos teach-case16-title: Taller Introducción a la Programación Creativa con p5.js teach-case16-lead-name: Aarón Montoya-Moraga teach-case16-image-alt: >- A group of 20 people sitting on a large shared table with their laptops looking at a projected screen. - teach-case16-speech: 'p5.js is my happy place ' - teach-case16-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' - teach-case16-content1-1: ' 2018 November 14, 3 hours' + teach-case16-speech: "p5.js is my happy place " + teach-case16-content1: " PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online " + teach-case16-content1-1: " 2018 November 14, 3 hours" teach-case16-content2: >- I had around 16 students in the workshop, and a team including 3 people from the PlusCode festival, and one person at the venue. - teach-case16-content3: 'Elementary, Intermediate, Advanced' + teach-case16-content3: "Elementary, Intermediate, Advanced" teach-case16-content4: >- Introduction to beginners and artists of graphic web programming and open source, using p5.js, in Spanish :) - teach-case16-content5: 'I used the material on this ' + teach-case16-content5: "I used the material on this " teach-case16-content5-1: GitHub repo - teach-case16-content5-2: ', we used the p5.js web editor, we had a three hour long workshop' - teach-case16-content5-3: '+CODE electronic art festival 2018, Argentina' - teach-case16-content5-4: ', Medium' + teach-case16-content5-2: ", we used the p5.js web editor, we had a three hour long workshop" + teach-case16-content5-3: "+CODE electronic art festival 2018, Argentina" + teach-case16-content5-4: ", Medium" teach-case17-title: Introduction to Generative Drawing teach-case17-lead-name: Adam Herst teach-case17-speech: >- My greatest source of uncertainty in developing the workshop was whether it was trying to teach art to programmers or to teach programming to artists. teach-case17-content1: Inter/Access - teach-case17-content1-1: ' (artist-run centre), Toronto, Ontario, Canada' + teach-case17-content1-1: " (artist-run centre), Toronto, Ontario, Canada" teach-case17-content1-2: In-person with a self-paced workbook for remote work - teach-case17-content1-3: ' 2020 February 12, 7PM-9PM' + teach-case17-content1-3: " 2020 February 12, 7PM-9PM" teach-case17-content2: 15 artists teach-case17-content3: Elementary teach-case17-content4: >- @@ -3013,10 +3005,10 @@ teach: teach-case17-content5: >- A printed workbook with activities that used the p5.js web editor to show how translate an physical drawing into a digital drawing. - teach-case17-content5-1: 'Processing Community Day 2019: Generative Drawing at Inter/Access' + teach-case17-content5-1: "Processing Community Day 2019: Generative Drawing at Inter/Access" teach-case17-content5-2: Introduction to Generative Drawing Letter PDF teach-case17-content5-3: Introduction to Generative Drawing Booklet PDF - teach-case18-title: 'Open Lecture, Creative Coding: 2020' + teach-case18-title: "Open Lecture, Creative Coding: 2020" teach-case18-lead-name: Shunsuke Takawo teach-case18-image-alt: >- A table on which there is a laptop, some sheets of papers, colorful pens and @@ -3024,53 +3016,53 @@ teach: teach-case18-speech: >- I love p5.js because it's so easy to read and write code in p5.js. Coding in your everyday life! - teach-case18-content1: ' Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online ' - teach-case18-content1-1: ' 2020 March 16-18, 1-7 PM' - teach-case18-content2: 'Students of Kyoto University of Art and Design, and anyone.' + teach-case18-content1: " Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online " + teach-case18-content1-1: " 2020 March 16-18, 1-7 PM" + teach-case18-content2: "Students of Kyoto University of Art and Design, and anyone." teach-case18-content3: Elementary teach-case18-content4: Making code as a tool for artistic expression. - teach-case18-content5: 'Dropbox Paper, p5.js web editor.' + teach-case18-content5: "Dropbox Paper, p5.js web editor." teach-case18-content5-1: Syllabus teach-case18-content5-2: Day 1 teach-case18-content5-3: Day 2 teach-case18-content5-4: Day 3 - teach-case18-content5-5: ', YouTube' + teach-case18-content5-5: ", YouTube" teach-case19-title: Creative Coding for Static Graphics teach-case19-lead-name: Shunsuke Takawo teach-case19-speech: >- Coding in p5.js is a lot of fun. If you haven't started yet, I encourage you to give it a try! - teach-case19-content1: ' FabCafe MTRL, Tokyo, Japan' - teach-case19-content1-1: ' 2019 September 15, 4-7 PM ' + teach-case19-content1: " FabCafe MTRL, Tokyo, Japan" + teach-case19-content1-1: " 2019 September 15, 4-7 PM " teach-case19-content2: Anyone who wants to try coding in p5.js. teach-case19-content3: Intermediate teach-case19-content4: To code from the graphic design's perspective. - teach-case19-content5: 'Dropbox Paper, p5.js web editor.' + teach-case19-content5: "Dropbox Paper, p5.js web editor." teach-case19-content5-1: Syllabus & Material teach-case20-title: Generative Typography teach-case20-lead-name: Dae In Chung teach-case20-image-alt: >- A image with black background displaying the letter 'b' in 5 different styles along with a menu with various styling options to choose. - teach-case20-content1: ' Baltimore, Maryland, USA & Virtual-Online ' - teach-case20-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' + teach-case20-content1: " Baltimore, Maryland, USA & Virtual-Online " + teach-case20-content1-1: " 2019 January 21 - May 08, every Wednesday, 4-10 PM" teach-case20-content2: 14 undergrads and grad students who had little to no experience in coding. teach-case20-content3: Elementary teach-case20-content4: Experiment with typographic forms and structures through computation. - teach-case20-content5: 'Methods: online/offline lectures and critiques.' - teach-case20-content5-1: 'Materials: p5js online editor, Github, youtube tutorials.' + teach-case20-content5: "Methods: online/offline lectures and critiques." + teach-case20-content5-1: "Materials: p5js online editor, Github, youtube tutorials." teach-case20-content5-2: Works of participants teach-case21-title: Machine Learning for the Web teach-case21-lead-name: Yining Shi teach-case21-image-alt: >- A group of 16 people sitting around tables with their laptops, mobile phones and some other accessories, facing towards a large television screen. - teach-case21-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' - teach-case21-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' + teach-case21-content1: " ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA" + teach-case21-content1-1: "2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM" teach-case21-content2: >- Students at Interactive Telecommunications Program, New York University. 16 people. - teach-case21-content3: 'Elementary, Intermediate' + teach-case21-content3: "Elementary, Intermediate" teach-case21-content4: >- The goal of this class is to learn and understand common machine learning techniques and apply them to generate creative outputs in the browser using @@ -3079,12 +3071,12 @@ teach: This class is a mix of lectures, coding sessions, group discussions, and presentations. I used teach-case21-content5-1: GitHub - teach-case21-content5-2: ' to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.' - teach-case21-content5-3: 'Methods: online/offline lectures and critiques.' + teach-case21-content5-2: " to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes." + teach-case21-content5-3: "Methods: online/offline lectures and critiques." teach-case22-title: Introduction to p5.js and JavaScript teach-case22-lead-name: Nico Reski - teach-case22-content1: ' Currently available as self-study at own pace with accompanying slides, linked below.' - teach-case22-content3: 'Beginner, Elementary' + teach-case22-content1: " Currently available as self-study at own pace with accompanying slides, linked below." + teach-case22-content3: "Beginner, Elementary" teach-case22-content4: >- Introduce learners (potentially with no coding experiences at all) to the very basics of p5.js (and JavaScript), in order to encourage creative coding @@ -3094,7 +3086,7 @@ teach: (illustrating some basic JavaScript functionalities), accompanying slides in .pdf format, all hosted publicly on GitHub. teach-case22-content5-1: Overview - teach-case22-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' + teach-case22-content5-2: " of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage." teach-case23-title: Digital Weaving & Physical Computing Workshop Series teach-case23-lead-name: Qianqian Ye & Evelyn Masso teach-case23-image-alt: >- @@ -3102,23 +3094,23 @@ teach: sitting on chairs with their laptops and looking at a presentor who is explaining a code on a projected screen. The right part of the image shows a person learning weaving using a physical pattern and a weaving tool. - teach-case23-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' - teach-case23-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' - teach-case23-content2: '15 women and non-binary artists, designer, makers, programers. ' + teach-case23-content1: " Womens Center for Creative Work (WCCW), Los Angeles, CA, US" + teach-case23-content1-1: " 2019 October 19 - November 02, every Saturday 3-6 PM" + teach-case23-content2: "15 women and non-binary artists, designer, makers, programers. " teach-case23-content3: Elementary teach-case23-content4: >- Over the course of three workshops, we will draw and create patterns using p5.js, an open-source graphical library; we will learn and apply computational concepts to transform patterns and finally, we will bring a weaving to life with electronic microcontrollers. - teach-case23-content5: 'Methods: small team session' + teach-case23-content5: "Methods: small team session" teach-case23-content5-1: >- Materials: slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool. - teach-case23-content5-2: 'Workshop Slide #1' - teach-case23-content5-3: 'Workshop Slide #2' + teach-case23-content5-2: "Workshop Slide #1" + teach-case23-content5-3: "Workshop Slide #2" teach-case23-content5-4: Workshop Information - teach-case23-content5-5: ' on WCCW website.' + teach-case23-content5-5: " on WCCW website." teach-case24-title: Signing Coders teach-case24-lead-name: Taeyoon Choi teach-case24-image-alt: >- @@ -3131,8 +3123,8 @@ teach: workshops in December 2020. The project is supported by the Open Society Foundation Human Rights Initiative and Korea Disability Arts & Culture Center. - teach-case24-content1: ' WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.' - teach-case24-content1-1: '5 Sessions, each 2~3 hours' + teach-case24-content1: " WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea." + teach-case24-content1-1: "5 Sessions, each 2~3 hours" teach-case24-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. teach-case24-content3: Elementary teach-case24-content4: >- @@ -3148,6 +3140,6 @@ teach: teach-workshop1-title: CC Fest (Creative Coding Festival) teach-workshop1-time: Twice a year in NYC teach-workshop2-title: Adorable Cat Festival with happy cats and happy people - teach-workshop2-time: 'March 2023, every Saturday 2-6pm' + teach-workshop2-time: "March 2023, every Saturday 2-6pm" teach-workshop3-title: Adorable Dog Festival with happy dogs and happy people - teach-workshop3-time: 'May 2023, every Sunday 5-8pm' + teach-workshop3-time: "May 2023, every Sunday 5-8pm"