Adding Spanish Translation to repeating-with-loops.mdx #1151#1180
Open
Octavi00 wants to merge 4 commits intoprocessing:mainfrom
Open
Adding Spanish Translation to repeating-with-loops.mdx #1151#1180Octavi00 wants to merge 4 commits intoprocessing:mainfrom
Octavi00 wants to merge 4 commits intoprocessing:mainfrom
Conversation
…en verified as functioning. Still requires a coulpe proof reads and code style checks.
…s to spanish. Code has been read, and only needs a secondhand review to ensure readability.
…t is in a finished state, and ready for a PR.
…to exit the loop after a winner is declared, preventing multiple winners from being announced if several caterpillars cross the finish line simultaneously. Currently it is still an issue in the English file.
Member
|
thanks for working on this! Tagging @marioguzzzman for review |
Member
|
Just a small ping @marioguzzzman if you have time for review ! Thanks all |
Contributor
|
Yes, it's on my TODO list :) @ksen0 |
marioguzzzman
approved these changes
Mar 15, 2026
Contributor
There was a problem hiding this comment.
I corrected some grammar issues and added in parenthesis some English technical terms to follow a bilingual educational approach mentioned here: processing/p5.js#8308 (comment)
@Octavi00 thank you for your contribution, you did a great work translating quite thoroughly this tutorial. Amazing work!
@ksen0 @perminder-17 this PR is ready to be merged!
|
|
||
| ## Introducción | ||
|
|
||
| ¿Un día has querido mejorar tus proyectos dibujando formas con solamente pocas líneas de código? Imagínate dibujando una fila de árboles, una pila de libros, los arcos de un arcoíris o el interior de un panal. Para crear imágenes que son hechas con versiones de la misma figura, iremos adelante creando figuras individuales y aventuraremos adentro del mundo lindo de bucles y arreglos. ¡Empezamos a aprender cómo crear diseños con solamente pocas líneas de código! |
Contributor
There was a problem hiding this comment.
Included the technical concepts in parenthesis as a bilingual approach to build shared technical vocabulary to help Spanish speaker participate in international discussions. Please view the context of this in here: processing/p5.js#8308 (comment)
Suggested change
| ¿Un día has querido mejorar tus proyectos dibujando formas con solamente pocas líneas de código? Imagínate dibujando una fila de árboles, una pila de libros, los arcos de un arcoíris o el interior de un panal. Para crear imágenes que son hechas con versiones de la misma figura, iremos adelante creando figuras individuales y aventuraremos adentro del mundo lindo de bucles y arreglos. ¡Empezamos a aprender cómo crear diseños con solamente pocas líneas de código! | |
| ¿Alguna vez has querido mejorar tus proyectos dibujando formas con solo algunas líneas de código? Imagínate dibujando una fila de árboles, una pila de libros, los arcos de un arcoíris o el interior de un panal. Para crear imágenes hechas con versiones de una misma figura, iremos más allá de la creación de figuras individuales y nos aventuraremos adentro del maravillos mundo de los bucles (lopps) y arreglos (arrays). ¡Empezamos a aprender cómo crear diseños con solamente algunas líneas de código! |
| ¿Un día has querido mejorar tus proyectos dibujando formas con solamente pocas líneas de código? Imagínate dibujando una fila de árboles, una pila de libros, los arcos de un arcoíris o el interior de un panal. Para crear imágenes que son hechas con versiones de la misma figura, iremos adelante creando figuras individuales y aventuraremos adentro del mundo lindo de bucles y arreglos. ¡Empezamos a aprender cómo crear diseños con solamente pocas líneas de código! | ||
|
|
||
| <h2 style="text-align:center; font-weight:500; color:#FF1493;">Un solo objeto -> Objetos multiplicados</h2> | ||
|  |
Contributor
There was a problem hiding this comment.
Adding missing translation.
Suggested change
|  | |
| ![Un arco y un hexágono están alineados verticalmente junto a la etiqueta que dice "objeto único". Unas flechas apuntan desde estas figuras hacia los patrones correspondientes, alineados verticalmente bajo una etiqueta que dice "objetos multiplicados". El arco único apunta hacia cinco arcos apilados verticalmente que forman un arcoíris. El hexágono apunta hacia muchos hexágonos dispuestos en un mosaico tipo panal.] | |
| (../images/introduction/loops-intro.png) |
| <h2 style="text-align:center; font-weight:500; color:#FF1493;">Un solo objeto -> Objetos multiplicados</h2> | ||
|  | ||
|
|
||
| Dibujar cada figura con una nueva línea de código sería muy fatigoso. En cambio, podemos usar *bucles* que nos permiten repetir bloques de código las veces que queremos. En este tutorial, usaremos bucles y arreglos para crear [una oruga gateando](https://editor.p5js.org/gbenedis@gmail.com/sketches/BrmtZ36ET). |
Contributor
There was a problem hiding this comment.
Suggested change
| Dibujar cada figura con una nueva línea de código sería muy fatigoso. En cambio, podemos usar *bucles* que nos permiten repetir bloques de código las veces que queremos. En este tutorial, usaremos bucles y arreglos para crear [una oruga gateando](https://editor.p5js.org/gbenedis@gmail.com/sketches/BrmtZ36ET). | |
| Dibujar cada figura con una nueva línea de código sería un proceso tedioso. En cambio, podemos usar *bucles* que nos permiten repetir bloques de código todas las veces que queramos. En este tutorial, usaremos bucles y arreglos para crear [una oruga gateando](https://editor.p5js.org/gbenedis@gmail.com/sketches/BrmtZ36ET). |
| Dibujar cada figura con una nueva línea de código sería muy fatigoso. En cambio, podemos usar *bucles* que nos permiten repetir bloques de código las veces que queremos. En este tutorial, usaremos bucles y arreglos para crear [una oruga gateando](https://editor.p5js.org/gbenedis@gmail.com/sketches/BrmtZ36ET). | ||
|
|
||
| <h2 style="text-align:center; font-weight:500; color:#555555;">Un ejemplo del código que crearás</h2> | ||
| . |
Contributor
There was a problem hiding this comment.
Suggested change
| . | |
| . |
| <h2 style="text-align:center; font-weight:500; color:#555555;">Un ejemplo del código que crearás</h2> | ||
| . | ||
|
|
||
| Un grupo de orugas empezará a la línea de empiezo, y la primera oruga que pasa la línea de fin ganará la carrera. ¡La oruga que ganará variará cada vez que corramos el dibujo! |
Contributor
There was a problem hiding this comment.
Suggested change
| Un grupo de orugas empezará a la línea de empiezo, y la primera oruga que pasa la línea de fin ganará la carrera. ¡La oruga que ganará variará cada vez que corramos el dibujo! | |
| Un grupo de orugas empezará a la línea de salida, y la primera oruga en pasar la línea de meta ganará la carrera. ¡La oruga que ganadora va a cambiar cada vez que corramos el dibujo! |
Comment on lines
+1264
to
+1265
| let líneaInicio = 30; | ||
| let líneaFin = 400; |
Contributor
There was a problem hiding this comment.
Suggested change
| let líneaInicio = 30; | |
| let líneaFin = 400; | |
| let lineaInicio = 30; | |
| let lineaFin = 400; |
Comment on lines
+1287
to
+1298
| collasDeOrugas.push(líneaInicio); | ||
| } | ||
| } | ||
|
|
||
| function draw() { | ||
| // Dibuja el fondo, la línea de comienzo y de fin. | ||
| background(121, 96, 76); | ||
| noStroke(); | ||
| fill(0); | ||
| rect(líneaInicio, 0, 5, height); | ||
| fill(0, 255, 0); | ||
| rect(líneaFin, 0, 20, height); |
Contributor
There was a problem hiding this comment.
Suggested change
| collasDeOrugas.push(líneaInicio); | |
| } | |
| } | |
| function draw() { | |
| // Dibuja el fondo, la línea de comienzo y de fin. | |
| background(121, 96, 76); | |
| noStroke(); | |
| fill(0); | |
| rect(líneaInicio, 0, 5, height); | |
| fill(0, 255, 0); | |
| rect(líneaFin, 0, 20, height); | |
| collasDeOrugas.push(lineaInicio); | |
| } | |
| } | |
| function draw() { | |
| // Dibuja el fondo, la línea de comienzo y de fin. | |
| background(121, 96, 76); | |
| noStroke(); | |
| fill(0); | |
| rect(lineaInicio, 0, 5, height); | |
| fill(0, 255, 0); | |
| rect(lineaFin, 0, 20, height); |
|
|
||
| ## Proximos Pasos | ||
|
|
||
| - Proximo tutorial: [Jardín de estructuras de datos](/tutorials/data-structure-garden) |
Contributor
There was a problem hiding this comment.
Suggested change
| - Proximo tutorial: [Jardín de estructuras de datos](/tutorials/data-structure-garden) | |
| - Próximo tutorial: [Jardín de estructuras de datos](/tutorials/data-structure-garden) |
| @@ -0,0 +1,1415 @@ | |||
| --- | |||
| title: "Repitiendo con Bucles" | |||
| description: "¡Creando una carrera con una oruga gateando utilizando bucles y arreglos!" | |||
Contributor
There was a problem hiding this comment.
Suggested change
| description: "¡Creando una carrera con una oruga gateando utilizando bucles y arreglos!" | |
| description: "¡Creando una carrera de orugas arrastrandose utilizando bucles y arreglos!" |
| category: introduction | ||
| categoryIndex: 5 | ||
| featuredImage: ../images/featured/loops.png | ||
| featuredImageAlt: Tres orugas rositas con ojos saltonas esperando que la carrera empiece en la línea de empezar con el texto “Click to start”. |
Contributor
There was a problem hiding this comment.
Suggested change
| featuredImageAlt: Tres orugas rositas con ojos saltonas esperando que la carrera empiece en la línea de empezar con el texto “Click to start”. | |
| featuredImageAlt: Tres orugas rositas con ojos saltones esperando que la carrera empiece en la línea de salida con el texto “Click to start”. |
marioguzzzman
approved these changes
Mar 15, 2026
Contributor
There was a problem hiding this comment.
I corrected some grammar issues and added in parenthesis some English technical terms to follow a bilingual educational approach mentioned here: processing/p5.js#8308 (comment)
@Octavi00 thank you for your contribution, you did a great work translating quite thoroughly this tutorial. Amazing work!
@ksen0 @perminder-17 this PR is ready to be merged!
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Resolves -> Update translations for repeating-with-loops.mdx #1151 (spanish)
Changes
break;statement in the final section of the codeNotes:
Due to the nature of the file, the function names remained in English. Spanish subtitles were included in the documentation that described each function for clarity. All interactive snippets run properly and without issue.
Screenshot of double winner text:
Screenshot of post fix
