The Artists | Think Like A Coder, Ep 5

Vertaald door: Tahlia Flora Nagekeken door: Esther van Driel

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

De zon komt op en de trein remt af

wanneer Ethic en Hedge in het bos arriveren.

The adventurers have recovered the first artifact—

De avonturiers hebben het eerste artefact herwonnen --

the Node of Power—

de Node van Macht --

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

en zijn naar het 198-bos gegaan om de tweede Node te zoeken.

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

Hier worden ze verwelkomd door de kolonie-directeur Octavia.

She established this treehouse sanctuary

Ze heeft dit boomhutreservaat opgezet

after the robots freed everyone from having to work.

nadat de robots iedereen vrijstelden van de werkplicht.

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

Het was bedoeld als toevluchtsoord waar mensen hun passie konden volgen,

take up crafts, and find fulfillment.

ambachten konden uitvoeren en voldoening konden vinden.

Which they did… at first.

Dit deden ze in eerste instantie ook.

Some years ago everyone forgot the point.

Enkele jaren geleden vergat iedereen het nut ervan.

They abandoned arts and crafts

Ze verlieten het ambachtsvak

and instead just painted and exhibited pictures of themselves

en schilderden in plaats daarvan afbeeldingen van zichzelf,

over, and over, and over.

die ze telkens weer tentoonstelden.

The location of the second artifact is no secret;

De locatie van het tweede artefact is niet geheim;

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

het bevindt zich in een toren die bewaakt wordt door een garnizoen bots,

a bottomless ravine, and who knows what other traps.

een bodemloze ravijn en wie weet wat voor andere valkuilen.

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

Zodra de toren met de node erin omhoog steeg,

human communication across the land went dark.

lag de communicatie tussen mensen in heel het land plat.

Octavia’s been after it for years,

Octavia probeert het al jaren te bemachtigen,

but try as she might, the defenses thwart her.

maar wat ze ook probeert, de verdediging blijft haar dwarsbomen.

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

Om de toren te bereiken

moet het team een afleiding creëren

Octavia has an idea:

Octavia heeft een idee:

stir up the people through some well-intentioned vandalism.

veroorzaak opschudding onder het volk via goedbedoelde vandalisme.

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

De schilderijen van de inwoners zijn vierkant in verschillende maten

all an odd number of pixels across.

en bevatten in de lengte en breedte allemaal een oneven aantal pixels.

Helper-bots pick up the finished portraits

Hulpbots pakken de afgewerkte portretten

and hang them in public places for everyone to admire.

en hangen deze op in openbare ruimtes zodat iedereen ze kan bewonderen.

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

Hedge moet binnen een korte tijdsmarge de schilderijen zien te bereiken.

If he were to deface each one with an X,

Als hij elk schilderij beschadigt door een X erop te markeren,

the people would blame the helper-bots,

zal het volk de hulpbots beschuldigen

creating just the distraction the team needs.

en dit zal afleiding veroorzaken die het team juist nodig heeft.

If only it were so easy.

Was het maar zo makkelijk.

Hedge can’t just paint an X—

Hedge kan niet zomaar een X erop verven --

his painting processor requires very specific instructions.

zijn verfprocessor heeft zeer specifieke instructies nodig.

Treating the paintings as square grids,

Door de schilderijen als vierkante rasters te behandelen,

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

kan hij de pixels of kleine vierkanten een voor een inkleuren.

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

Hij kan naar voren bewegen en 90 graden over het doek draaien,

but can’t move diagonally.

maar hij kan niet diagonaal bewegen.

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

Hoe programmeert Ethic Hedge zodat hij op elk portret een X verft?

Pause now to figure it out for yourself.

[Pauzeer nu de video om het zelf uit te zoeken.]

Here’s a hint.

Hier volgt een aanwijzing.

Try drawing a square grid like this,

Probeer op deze manier een vierkant raster te tekenen

and simulating Hedge’s path over it.

en de route van Hedge er overheen na te bootsen.

What patterns can you find to guide him?

Met welke patronen kan je hem de weg wijzen?

Pause now to figure it out for yourself.

[Pauzeer nu de video om het zelf uit te zoeken.]

The challenge here is to craft a set of instructions

De uitdaging is om een reeks instructies te vervaardigen

that will work for any square grid.

die op alle vierkante rasters toepasbaar zullen zijn.

Fortunately, one of the strengths of programming

Gelukkig is flexibiliteit een sterke kant van het programmeren

is the flexibility to solve not just one problem,

zodat niet één kwestie,

but a whole class of them all at once.

maar meerdere kwesties gelijktijdig opgelost kunnen worden.

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

Vaak helpt het om aan een zaak te beginnen en naar de algemene zaak toe te werken.

Let’s say we had this square.

Stel we hebben dit vierkant.

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

Hedge kan de lengte van de zijden meten en dat getal als variabele opslaan.

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

We moeten een plan bedenken om Hedge een X te laten verven,

pixel by pixel.

pixel voor pixel.

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

Er zijn meer juiste antwoorden om dit voor elkaar te krijgen.

let’s look at two.

Laten we twee van hen bekijken.

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

Wat als Hedge eerst rij voor rij afgaat als een typemachine?

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

Als het een schilderij is van 9 bij 9 pixels,

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

zal hij in de eerste rij 1 pixel verven, 7 pixels overslaan en weer 1 pixel verven.

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

In de tweede rij zal hij 1 overslaan, 1 verven, 5 overslaan en weer 1 verven.

And so on.

Enzovoorts.

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

Het patroon is dat op elke regel het aantal overgeslagen pixels

go up by one,

met één verhoogd wordt

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

en de overgeslagen pixels in het midden met twee pixels verlaagd.

Things get more complicated when Hedge reaches the center.

Het wordt iets ingewikkelder wanneer Hedge het middelpunt bereikt.

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

Hier is een rij met slechts een geverfde pixel.

Then the whole thing reverses—

Dan wordt alles omgedraaid --

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

het aantal overgeslagen pixels wordt links telkens met een pixel verlaagd

and up by two each time in the middle.

en in het midden met twee pixels verhoogd.

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

Het helpt om Hedge instructies te geven via een reeks loops

and is a perfectly fine solution.

en het is een prima oplossing.

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

Een groot nadeel ervan is dat het nogal wat logica vereist --

weten wat je in het midden gaat doen, wanneer je het proces omdraait

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

and exactly how to reverse it.

en hoe je precies het proces omdraait.

So how might we approach this

Hoe kunnen we dit aanpakken

so that the logic remains consistent from start to finish?

zodat de logica consequent blijft

van begin tot eind?

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

Een belangrijk inzicht is om een raster te bekijken

als een reeks concentrische vierkanten.

Each square follows the same pattern—

Elk vierkant volgt hetzelfde patroon --

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

geverfde pixels in de hoeken en ongewijzigde pixels ertussenin.

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

Als we een manier kunnen vinden om een genesteld vierkant te verven,

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

naar de volgende te gaan en dit herhalen, dan kunnen we ze allemaal verven.

Painting the outermost one is easy.

Het is makkelijk om de buitenste vierkanten te verven.

Start in a corner and paint that pixel.

Begin in een hoek en verf de eerste pixel.

If we call the length of the painting n,

Als we de lengte van het schilderij 'n' noemen,

fly forward n minus 1 spaces.

vlieg 'n' min één plaatsen vooruit.

Paint another pixel, and turn right.

Verf een andere pixel en ga rechtsaf.

Now do the whole thing again… and again.

Doe het hele gebeuren opnieuw ... en weer opnieuw.

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

Ga nu één plaats minder vooruit, ga rechtsaf, vlieg één plaats vooruit

and Hedge will be in the next concentric square

en Hedge zal in het volgende concentrische vierkant arriveren

and ready to repeat the whole process.

en bereid zijn om het proces te herhalen.

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

Elk vierkant is 'n' min 2 pixels kleiner

dan het vorige in lengte en breedte

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

en we kunnen dit spiraalpatroon helemaal tot het middelpunt volgen

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

met een loop en een variabele die traceren hoe ver Hedge moet vliegen.

Is one of these methods better than the other?

Is een van deze methodes beter dan de andere?

It really depends on what you value.

Het hangt er vanaf waaraan je waarde hecht.

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

De kracht van het spiraal zit in de eenvoud om een patroon te vinden

and reusing the same logic from start to finish.

en van begin tot eind dezelfde logica toe te passen.

The advantage of the typewriter approach

Het voordeel van de typemachine-aanpak

is that it’s a more generalized solution,

is dat het een algemenere oplossing is,

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

zodat deze eenvoudig kan worden aangepast om elk mogelijke patroon in te kleuren.

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

Omwille van Ethic zal het een of het ander voldoende zijn.

So here’s what happens.

Dit is wat er gebeurt.

Hedge rapidly defaces all of the portraits.

Hedge beschadigt vliegensvlug alle portretten.

And within moments

En binnen enkele tellen

cries of anguish break out all over the forest.

klinken er kermende angstkreten in het hele bos.

The garrison guarding the tower abandon their posts

Het garnizoen dat de toren bewaakt verlaat zijn post

to calm the agitated people,

om de onrustige mensen te kalmeren

and Ethic, Hedge, and Octavia slip through—

en Ethic, Hedge en Octavia sluipen erlangs --

and nearly slip into the depths of the gorge

ze glijden bijna in de diepe kloof

standing between them and the tower.

die tussen hen en de toren ligt.