The Artists | Think Like A Coder, Ep 5

المترجم: Maram Turkya المدقّق: Ayman Hosny

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

كان الصباح والقطار كلاهما يبزغ عندما وصلت إيثيك بصُحبة هيدج إلى الغابة.

The adventurers have recovered the first artifact—

لقد استرجع المغامران أول قطعة فنية...

the Node of Power—

"عقدة القوة"...

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

وقَدِموا إلى غابة 198 للبحث عن القطعة الثانية.

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

ورحبت بهما، رئيسة المستعمرة، أوكتيفيا.

She established this treehouse sanctuary

أنشأت بيت الشجرة هذا كملجأ

after the robots freed everyone from having to work.

بعد أن حل الرجال الآليون محل الجميع في القيام بأعمالهم.

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

صممت لتكون ملاذا، حيث يستطيع الناس تتبع شغفهم

take up crafts, and find fulfillment.

بإتقان الحرف، وتحقيق الكمال.

Which they did… at first.

الذي كان لهم... في البداية.

Some years ago everyone forgot the point.

ولكن منذ بضعة سنوات نسي الجميع الهدف.

They abandoned arts and crafts

لقد هجروا الفنون والحرَف

and instead just painted and exhibited pictures of themselves

وبدلًا من ذلك، رسموا وعرضوا صورا لأنفسهم

over, and over, and over.

مرارًا وتكرارًا.

The location of the second artifact is no secret;

موقع التحفة الفنية الثانية ليس بخفي:

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

هو في برج، عليه حراسة من رجال آليين عسكريين،

a bottomless ravine, and who knows what other traps.

ووادي بلا قرار، ومن يعلم ما الأفخاخ الأخرى الموجودة.

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

حالما ارتفع البرج وبداخله العقدة،

human communication across the land went dark.

أصبح التواصل البشري عبر الأرض مظلمًا.

Octavia’s been after it for years,

إن أوكتيفيا تقوم بملاحقته منذ سنوات،

but try as she might, the defenses thwart her.

ولكن لتحاول كما تشاء، فالدفاعات ستتصدى لها.

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

مجرد المحاولة للوصل إلى البرج، سيحتاج الفريق إلى مُشتت.

Octavia has an idea:

لدى أوكتيفيا فكرة:

stir up the people through some well-intentioned vandalism.

إثارة الناس من أجل القيام بعملية تخريب بنيةٍ حسنة.

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

لوحات السكان عبارة عن مربعات تأتي بأحجام مختلفة،

all an odd number of pixels across.

كلها عبارة عن رقم فردي من البيكسلات العابرة.

Helper-bots pick up the finished portraits

يلتقط الآليون المساعدون اللوحات المنتهية

and hang them in public places for everyone to admire.

ويقومون بتعليقها في أماكن عامة من أجل أن يعجب بها الجميع.

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

هنالك هامش ضيق من الوقت حيث يمكن لهيدج أن يقوم بالدخول للوحات.

If he were to deface each one with an X,

إذا قام بترميز كل واحدة بـ x،

the people would blame the helper-bots,

عندها سيلوم الناس الآليين المساعدين،

creating just the distraction the team needs.

مسببًا الإلهاء الذي يحتاجه الفريق.

If only it were so easy.

فقط لو كان هذا الأمر سهلًا.

Hedge can’t just paint an X—

لا يمكن لهيدج أن يقوم فقط برسم x...

his painting processor requires very specific instructions.

يحتاج معالج الرسم لديه تعليمات في غاية الدقة.

Treating the paintings as square grids,

بمعاملة اللوحات كشبكة مربعات،

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

يمكن أن يملأها ببكسل واحد، أو مربع صغير، في كل مرة.

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

يمكنه أن يتحرك نحو الأمام ويصنع زاوية 90 درجة فوق اللوحات القماشية،

but can’t move diagonally.

ولكن لا يمكن أن يتحرك قطريًا.

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

كيف ستبرمج إيثيك هيدج ليرسم x فوق كل لوحة؟

Pause now to figure it out for yourself.

قم بالإيقاف الآن لتكتشف ذلك بنفسك.

Here’s a hint.

إليك تلميح.

Try drawing a square grid like this,

حاول أن تقوم برسم شبكة مربعات مثل هذه،

and simulating Hedge’s path over it.

وقم بمحاكاة طريق هيدج فوقها.

What patterns can you find to guide him?

ما النمط الذي ممكن أن تجده لتقوم بتوجيهه؟

Pause now to figure it out for yourself.

قم بالإيقاف الآن لتكتشف ذلك بنفسك.

The challenge here is to craft a set of instructions

التحدي يكمن هنا بصياغة مجموعة من التعليمات

that will work for any square grid.

التي ستعمل لأي شبكة مربع.

Fortunately, one of the strengths of programming

لحسن الحظ، واحدة من نقاط القوة في البرمجة

is the flexibility to solve not just one problem,

هي المرونة ليس لحل مشكلة واحدة فقط،

but a whole class of them all at once.

ولكن مجموعة كاملة منها مرةً واحدة.

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

عادةً يساعد أن تبدأ بواحدة، وتعمل باتجاه المجموع.

Let’s say we had this square.

لنفترض أن لدينا هذا المربع.

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

يمكن لهيدج أن يقيس طول كلا جانبيه ويخزن الرقم كمتغير.

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

الآن، ما نحتاج إليه هو خطة من أجل كيف سيقوم هيدج برسم x،

pixel by pixel.

بيكسل بعد بيكسل.

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

هنالك أكثر من جواب واحد صحيح لكيفية القيام بذلك:

let’s look at two.

لنقوم بإلقاء نظرة على الثاني.

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

أولًا، ماذا لو انتقل هيدج سطرًا سطرًا، كآلة كاتبة؟

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

إذا الشكل عبارة عن لوحة 9 بيكسلات في 9 بيكسلات،

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

على السطر الأول سيلوّن، ثم يتجاوز 7 بيكسلات، ومن ثم يلوّن مجددًا.

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

في السطر الثاني، سيتجاوز الأول، ثم يلوّن، ثم يتجاوز 5 بيكسلات، ثم يلوّن.

And so on.

وهكذا.

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

المعادلة هنا عبارة تجاوز بيكسل عند البداية

go up by one,

يزيد بمقدار بيكسل في كل مرة.

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

والبيكسلات التي تجاوزت في الوسط ينزل بمقدار 2.

Things get more complicated when Hedge reaches the center.

الأمور تتعقد أكثر عندما يصل هيدج للوسط.

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

يوجد هنا سطر مرسوم عليه بيكسل واحد فقط.

Then the whole thing reverses—

ثم ينقلب الأمر برمته...

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

عدد البيكسلات المتجاوزة يتناقص بمقدار واحد كل مرة من جهة اليسار،

and up by two each time in the middle.

ويصعد بمقدار بيكسلين كل مرة في الوسط.

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

برمجة هيدج لفعل هذا بسلسلة من الحلقات سوف تفي بالغرض

and is a perfectly fine solution.

وهذا عبارة عن حل أمثل.

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

العقبة الرئيسية في هذا الحل إنه يحتاج الكثير من المنطق...

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

معرفة ما المفروض القيام به في الوسط، ومتى ستقوم بعكس العملية،

and exactly how to reverse it.

ومعرفة كيفية القيام بذلك بدقة.

So how might we approach this

إذًا كيف يمكن أن نصل لهذا

so that the logic remains consistent from start to finish?

لذلك يبقى المنطق ثابتا من البداية حتى النهاية؟

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

المفتاح الرئيسي للحل هو النظر للشبكة على أنها مربعات متحدة المركز.

Each square follows the same pattern—

يتبع كل مربع النمط نفسه...

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

البيكسلات الملونة على الحواف، ووحدات البيكسل المرحّلة بينها.

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

فإذا استطعنا اكتشاف طريقة لرسم مربع واحد متداخل،

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

الانتقال للتالي، والتكرار، يمكننا أن نقوم بطلائها كلها.

Painting the outermost one is easy.

القيام بطلي الزاويا الخارجية هو الأسهل.

Start in a corner and paint that pixel.

ابدأ بالزوايا وقم برسم البيكسل.

If we call the length of the painting n,

إذا رمزنا لطول اللوحة بـ n،

fly forward n minus 1 spaces.

قم بالتحرك نحو الأمام بمقدار n مطروحا منها 1.

Paint another pixel, and turn right.

قم برسم بيكسل آخر، وتحرك نحو اليمين.

Now do the whole thing again… and again.

الآن قم بإعادة الأمر مرةً أخرى... ومجددًا.

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

والآن تحرك قدمًا بمقدار واحد أقل، انتقل يمينًا، ثم تقدم نحو الأمام بمقدار واحد،

and Hedge will be in the next concentric square

وسيكون هيدج ضمن المربع متحد المركز التالي

and ready to repeat the whole process.

ومستعد لتكرار العملية بأكملها.

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

كل مربع أصغر بمقدار n مطروحًا منه بيكسلين من الأخير بالطول والعرض،

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

ويمكننا اتباع هذا النمط اللولبي طول المسافة باتجاه الوسط

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

مع حلقة ومتغير يقومان بتتبع المسافة التي على هيدج أن يطيرها.

Is one of these methods better than the other?

إنها واحدة من الطرق التي تفضُل غيرها؟

It really depends on what you value.

إنها تعتمد على ماذا القيمة التي تتخذها.

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

قوة اللولب هي بساطة إيجاد النمط

and reusing the same logic from start to finish.

وإعادة استخدام نفس المنطق من البداية هتى النهاية.

The advantage of the typewriter approach

الاستفادة من أسلوب الآلة الكاتبة

is that it’s a more generalized solution,

وذلك لأنها حل أكثر عمومية،

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

مما يعني أن بإمكانها التأقلم بسهولة أكبر لملأ أي نمط.

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

من أجل مصلحة إيثك، كلاهما سيجدي نفعًا.

So here’s what happens.

فلذلك إليك ما حدث.

Hedge rapidly defaces all of the portraits.

قام هيدج بتشويه اللوحات بأكملها بسرعة.

And within moments

وخلال لحظات

cries of anguish break out all over the forest.

تندلع نداءات الاستغاثة في جميع أرجاء الغابة.

The garrison guarding the tower abandon their posts

يترك حراس البرج العسكريون مواقعهم

to calm the agitated people,

لتهدئة الناس المهتاجة،

and Ethic, Hedge, and Octavia slip through—

وينسل كل من إيثك، وهيدج، وأوكتيفيا...

and nearly slip into the depths of the gorge

وانسلوا قريبًا إلى الممر الضيق

standing between them and the tower.

الكائن بينهم وبين البرج.