Більше про умовні цикли (Video Version)

Це просто показ екрану нашої інтерактивної бесіди щодо кодування, готової щоб полегшити створення перекладу і субтитрів. Краще дивитися наші бесіди тут:
https://www.khanacademy.org/cs/programming/

Тепер, так як ви вивчили основи циклів,

рухаємось далі і розглянемо як створювати
малюнки циклами як цей.

З допомогою повітряних куль
Хоппер пливе цим прекрасним небом.

Так як я, напишу програму з нуля, хочу щоб
ви задумались як би ви зробили це самі

Так як дуже скоро ви це і зробите.

Отже. спочатку це зажди допомагає якщо
розбити вашу програму на кроки.

Ми розпочнемо з малювання цих куль, які є
еліпсами, що повторюються. І ця робота

як раз для циклу. Тоді візьмемось за ці
лінії, а в кінці додамо самого Хоппера

Гаразд, ось чистий аркуш. Що може трохи
лякати.

Інколи, це допоможе зробити речі більш
приємними, додаючи фон зразу,

щоб вникнути в хід речей.

Тепер, так як ми хочемо зробити цикл, ваша
перша думка повинна бути про питання про

які ми дізнались минулого разу.

І ми зробимо їх досить швидко цього разу,
але якщо вам потрібно пригадати, просто

перегляньте "Введення до умовних циклів".

І перше питання: "Що ми хочемо повторити?"

Отже, спробуємо намалювати першу кульку.
Так як ми хочемо повторювати попередні.

Ви можете зробити це, можливо так,
але знаєте трохи мала і не там де потрібно

Тому, перемістимо її трішки. І ця частина
програми де ви пробуєте щось, ви розумієте

що це не те, що ви хочете і пробуєте знову
а в підсумку рухаєтесь все ближче і ближче

Гаразд, зараз нам можливо потрібно додати
колір так? Ми не думали про це, коли

думали про кроки, то ми можемо сказати, що
це частина де ми малюємо кулю. Так?

А далі, ми повинні думати про те, як саме
ми хочемо, змінити кулю під час циклу.

Ми хочемо щоб кулі були намальовані вздовж
екрану. Хочемо щоб вони були тут тут і тут

і ми хочемо щоб компютер зробив це так як
я погано малюю. Тому ми можемо підробити

трохи змінивши це перше число яке, як
пам'ятаєте, керує "x" положенням: збоків.

Але маю на увазі, що це досить убого, так?
Це не зовсім як та класна картинка раніше.

Тому, натомість введемо, що викликаємо "x"
тому для позиції "x" зробимо змінну як

було раніше. А зараз змінемо її всередині
циклу, тому, використаємо умовний цикл,

і тоді всередині нього присвоїмо, що "х"
буде змінюватися кожного разу, може на 20.

якщо вносимо еліпс всередину будьте
обережні, не зачепіть оголошення змінної

всередині. так як ми будемо думати,
що може піти не так.

Але це варто спробувати самому
якщо цікаво

Гаразд, тоді наше 3 питання по циклу:"Як
довго ми хочемо повторювати?"

То. можемо подумати, що можливо ми будемо
малювати поки не вийдемо за сторону екрану

Тому, можливо весь шлях до Х менше за 400.
Це класно, так як щось відбувається, так?

Але це не зовсім те, що ми уявляли.

Тому, як і раніше, нам потрібно поступово
покращувати його, щоб отримати бажане.

Отже, по-перше, еліпси дуже стиснені разом
так що давайте виправимо це.

Гаразд, це добре, що ми дали їм відпочити.
Але знаєте, можливо вони все ще задалеко

від сторони екрану, і якщо ми змінимо
кінцеву точку, можемуть почати зникати

еліпси, що з'являються, знаєте тут. так як
"x" стає десь тут, перестаємо малювати.

Ось про, що говорить ця частина циклу.
Гаразд? Ми можемо також ввести "можливо"

"ми хочемо трохи змінити еліпси" чи
перемістити їх вниз, змінити трохи розмір

знову і хороша сторона умовного циклу, що
ми можемо це робити з усіма одночасно.

Гаразд. Досконало.

І так, зараз дивлячись на ці кулі, було б
не погано додати їм нитку. якщо вони

подобаються нам, то потрібно додати нитку
до них, а інакше вони полетять геть.

Тому, нам потрібна лінія для кожної.
Думаємо ми можемо розпочати лінії з центру

кожної з куль. Щоб зробити це легко і всі
вони спускаються в одну точку, якось так.

Отже, як заставити програму зробити це,
щоб ми не малювали самі.

і ми можемо подумати, що коли ми хочемо
повторити щось тоді точно внесемо до циклу

Отже, зробимо цю лінію. І якщо ми хочемо
щоб вона була в центрі еліпсу, тоді нам

слід розпочати її в цих двох координатах
тоді ми це зможемо зробити.

І ви можете сказати, нехай кінець просто
буде де-небудь. І це було б досить близько

Але, знову ж таки, це не ідеально. Ви
можете відчути суть - так що нам потрібно,

виправити це. Отже, спочатку давайте
виправимо цю потворну річ. Лінія яку ми

намалювали власне поверх нашої повітряної
кулі, яка не є правильною взагалі.

Ми насправді хочемо, щоб еліпс покривав
лінію, і зробимо це змінивши їхній порядок

Як бачите, сьогодні ви дізнались про
багато речей разом.

Гаразд, це добре, але, можливо, ми хочемо
змінити колір ліній, і як ми зробимо, якщо

ми дійсно робимо цю програму самі?
Ну ми б подивились у документації.

Або подивились би відео з документацією,
якщо не знаємо як це зробити.

Отже, рухаємось далі і використаємо
"stroke()" щоб задати колір для цих ліній,

можливо зробити їх, не знаю, таким?

І це красиво! Тепер, нарешті, все, що нам
потрібно зробити, це намалювати Хоппера

І це просто вимагає вставлення
зображення, як це

Ви можете подивитись в документації як я
дізналася про це,

і просто переміщаючи його довкола, і зараз
він так тримає кульки і летить по небу

І тепер у вас теж є! Ми завершили! Ви
можете спробувати прикрасити кулі і також

подумати щоб додати ще щось до циклу щоб
зробити ці кулі ще кращими

і також навіть можете використати цикл
у свої наступних малюваннях.