The Artists | Think Like A Coder, Ep 5

Traductor: Ciro Gomez Revisor: Lidia Cámara de la Fuente

Dawn and the train are both breaking when Ethic and Hedge arrive in the woods.

El amanecer y el tren se están rompiendo cuando Ética y Hedge llegan al bosque.

The adventurers have recovered the first artifact—

Los aventureros han recuperado el primer artefacto

the Node of Power—

el nodo del poder

and have come to the 198forest in search of the second.

y han venido al bosque 198 en busca del segundo.

Here they’re welcomed by the director of the colony, Octavia.

Aquí son bienvenidos por la directora de la colonia, Octavia.

She established this treehouse sanctuary

Ella estableció este santuario de la casa del árbol

after the robots freed everyone from having to work.

después de que los robots liberaron a todos de tener que trabajar.

It was meant to be a haven where people could follow their passions,

Estaba destinado a ser refugio donde la gente pudiera seguir sus pasiones

take up crafts, and find fulfillment.

hacer manualidades y encontrar satisfacción.

Which they did… at first.

Lo que hicieron ... al principio.

Some years ago everyone forgot the point.

Hace algunos años todos olvidaron el punto.

They abandoned arts and crafts

Abandonaron las artesanías.

and instead just painted and exhibited pictures of themselves

y en su lugar solo pintan y exhiben fotos de ellos mismos

over, and over, and over.

una y otra vez.

The location of the second artifact is no secret;

La ubicación del segundo artefacto no es secreto;

it’s in a tower, guarded by a garrison of bots,

está en una torre custodiado por una guarnición de bots,

a bottomless ravine, and who knows what other traps.

un barranco sin fondo, y quien sabe que otras trampas.

As soon as the tower went up with the node inside,

Tan pronto como la torre se erigió con el nodo adentro,

human communication across the land went dark.

la comunicación humana al otro lado de la tierra se oscureció.

Octavia’s been after it for years,

Octavia ha estado buscandolo por años,

but try as she might, the defenses thwart her.

pero intenta como ella puede, y las defensas lo frustran.

In order to even get to the tower, the team will need a distraction.

Para incluso llegar a la torre, el equipo necesitará una distracción.

Octavia has an idea:

Octavia tiene una idea:

stir up the people through some well-intentioned vandalism.

agitar a la gente a través de un vandalismo bien intencionado.

The residents’ paintings are all squares that come in different sizes,

Las pinturas de los residentes son todas cuadradas de diferentes tamaños,

all an odd number of pixels across.

todas con un número impar de píxeles de ancho.

Helper-bots pick up the finished portraits

Helper-bots recoge los retratos terminados

and hang them in public places for everyone to admire.

y los cuelga en lugares públicos para que todos lo admiren.

There’s a slim margin of time when Hedge can access the paintings.

Hay un pequeño margen de tiempo en que Hedge puede acceder a las pinturas.

If he were to deface each one with an X,

Si tuviera que desfigurar cada uno con una X,

the people would blame the helper-bots,

la gente culparía a los bots ayudantes,

creating just the distraction the team needs.

creando justo la distracción que el equipo necesita.

If only it were so easy.

Si tan solo fuera así de fácil.

Hedge can’t just paint an X—

Hedge no puede simplemente pintar una X,

his painting processor requires very specific instructions.

su procesador de pintura requiere instrucciones muy específicas.

Treating the paintings as square grids,

Tratando las pinturas como cuadrículas cuadradas,

he can fill in one pixel, or little square, at a time.

puede completar un píxel, o pequeño cuadrado, a la vez.

He can move forwards and make 90 degree turns over the canvas,

Puede avanzar y hacer giros de 90 º sobre el lienzo,

but can’t move diagonally.

pero no se puede mover en diagonal.

How does Ethic program Hedge to paint an X over each portrait?

¿Cómo programa Ética pintar una X sobre cada retrato?

Pause now to figure it out for yourself.

Pausa ahora para resolverlo por ti mismo.

Here’s a hint.

Aquí hay una pista.

Try drawing a square grid like this,

Intenta dibujar una cuadrícula cuadrada como esta,

and simulating Hedge’s path over it.

y simula el camino de Hedge sobre él.

What patterns can you find to guide him?

¿Qué patrones puedes encontrar para guiarlo?

Pause now to figure it out for yourself.

Pausa ahora para resolverlo por ti mismo.

The challenge here is to craft a set of instructions

El desafío aquí es elaborar un conjunto de instrucciones

that will work for any square grid.

eso funcionará para cualquier cuadrícula cuadrada.

Fortunately, one of the strengths of programming

Por suerte, uno de los puntos fuertes de la programación

is the flexibility to solve not just one problem,

es la flexibilidad para resolver no solo un problema,

but a whole class of them all at once.

sino toda una clase de ellos a la vez.

It often helps to start with one case, and work towards the general.

A menudo ayuda comenzar con un caso, y trabajar hacia el general.

Let’s say we had this square.

Digamos que tenemos este cuadrado.

Hedge can measure the length of its sides and store that number as a variable.

Hedge puede medir la longitud de sus lados y almacenar ese número como una variable.

Now, what we need is a plan for how Hedge will paint an X,

Ahora, lo que necesitamos es un plan de cómo Hedge pintará una X,

pixel by pixel.

píxel por píxel.

There’s more than one right answer for how to do this;

Hay más de una respuesta correcta para saber cómo hacer esto;

let’s look at two.

veamos dos.

First, what if Hedge went row by row, like a typewriter?

Primero, ¿y si Hedge va fila por fila como una máquina de escribir?

If it’s a 9 pixel by 9 pixel painting,

Si es una pintura de 9 por 9 píxeles,

in the first row he’d paint, skip 7, and then paint again.

en la primera fila pintaría, omita 7 y luego vuelva a pintar.

In the second row he’d skip the first, paint, skip 5, and paint.

En la segunda fila se saltaría la primera, pinta, omite 5 y pinta.

And so on.

Y así.

The pattern here is that for each row the pixels skipped at the beginning

El patrón aquí es que para cada fila los píxeles que se saltaron al principio

go up by one,

suben de a uno,

and the pixels skipped in the middle go down by 2.

y los píxeles que saltaron en el medio, bajan de a 2.

Things get more complicated when Hedge reaches the center.

Las cosas se complican cuando Hedge llega al centro.

Here there’s a row with just one pixel painted.

Aquí hay una fila con solo un píxel pintado.

Then the whole thing reverses—

Entonces todo se invierte

the number of pixels skipped goes down by one each time on the left,

la cantidad de píxeles omitidos baja de a uno cada vez a la izquierda,

and up by two each time in the middle.

y arriba por dos cada vez en el medio.

Instructing Hedge to do this with a series of loops will work

Instruir a Hedge para que haga esto con una serie de bucles funcionará

and is a perfectly fine solution.

y es una solución perfectamente válida.

The main drawback is that this requires quite a bit of logic—

El principal inconveniente es que esto requiere bastante lógica

knowing what to do in the middle, when to reverse the process,

sabiendo qué hacer en el medio, cuando revertir el proceso,

and exactly how to reverse it.

y exactamente cómo revertirlo.

So how might we approach this

¿Cómo podríamos abordar esto

so that the logic remains consistent from start to finish?

para que la lógica permanezca consistente de principio a fin?

The key insight is to look at a grid as a series of concentric squares.

La idea clave es mirar una cuadrícula como una serie de cuadrados concéntricos.

Each square follows the same pattern—

Cada cuadrado sigue el mismo patrón:

painted pixels in the corners, and unaltered pixels in between.

píxeles pintados en las esquinas, y píxeles inalterados en el medio.

So if we can figure out a way to paint one nested square,

Y, si podemos encontrar una manera de pintar un cuadrado anidado,

transition to the next, and repeat, we can paint them all.

transición al siguiente, y repetir, podemos pintarlos a todos.

Painting the outermost one is easy.

Pintar el más externo es fácil.

Start in a corner and paint that pixel.

Comienza en una esquina y pinta ese píxel.

If we call the length of the painting n,

Si llamamos a la longitud de la pintura n,

fly forward n minus 1 spaces.

volar hacia adelante n menos 1 espacios.

Paint another pixel, and turn right.

Pinte otro píxel y gire a la derecha.

Now do the whole thing again… and again.

Ahora haz todo de nuevo... y de nuevo.

Now move forward one less space, turn right, fly forward once,

Ahora avanza un espacio menos, girar a la derecha, volar hacia adelante una vez,

and Hedge will be in the next concentric square

y Hedge estará en el siguiente cuadrado concéntrico

and ready to repeat the whole process.

y listo para repetir todo el proceso.

Each square is n minus 2 pixels smaller than the last in length and width,

Cada cuadrado es n menos 2 píxeles más pequeño que el último en largo y ancho,

and we can follow this spiral pattern all the way to the center

y podemos seguir este patrón en espiral todo el camino al centro

with a loop and a variable that tracks how far Hedge should fly.

con un bucle y una variable que rastrea qué tan lejos debe volar Hedge.

Is one of these methods better than the other?

¿Es uno de estos métodos mejor que el otro?

It really depends on what you value.

Realmente depende de lo que valores.

The strength of the spiral is the simplicity of finding a pattern

La fuerza de la espiral es la simplicidad de encontrar un patrón

and reusing the same logic from start to finish.

y reutilizar la misma lógica de principio a fin.

The advantage of the typewriter approach

La ventaja del enfoque de máquina de escribir

is that it’s a more generalized solution,

es que es una solución más generalizada que significa que

meaning it can be adapted much more simply to fill in any pattern.

se puede adaptar más sencillamente para completar cualquier patrón.

For Ethic’s sake, either will do just fine.

Por el bien de Ética, cualquiera lo hará bien.

So here’s what happens.

Así que, esto es lo que sucede.

Hedge rapidly defaces all of the portraits.

Hedge desfigura rápidamente todos los retratos.

And within moments

Y en unos instantes

cries of anguish break out all over the forest.

gritos de angustia explotan por todo el bosque.

The garrison guarding the tower abandon their posts

La guarnición que custodia la torre abandona sus puestos

to calm the agitated people,

para calmar a la gente agitada,

and Ethic, Hedge, and Octavia slip through—

y Ética, Hedge y Octavia se deslizan...

and nearly slip into the depths of the gorge

y casi resbalan en las profundidades del desfiladero

standing between them and the tower.

enfrente de ellos y la torre.