1 00:00:01,138 --> 00:00:03,338 Тепер, так як ви вивчили основи циклів, 2 00:00:03,338 --> 00:00:06,838 рухаємось далі і розглянемо як створювати малюнки циклами як цей. 3 00:00:06,838 --> 00:00:09,718 З допомогою повітряних куль Хоппер пливе цим прекрасним небом. 4 00:00:09,718 --> 00:00:13,818 Так як я, напишу програму з нуля, хочу щоб ви задумались як би ви зробили це самі 5 00:00:14,193 --> 00:00:16,103 Так як дуже скоро ви це і зробите. 6 00:00:16,292 --> 00:00:19,982 Отже. спочатку це зажди допомагає якщо розбити вашу програму на кроки. 7 00:00:19,982 --> 00:00:25,402 Ми розпочнемо з малювання цих куль, які є еліпсами, що повторюються. І ця робота 8 00:00:25,402 --> 00:00:32,212 як раз для циклу. Тоді візьмемось за ці лінії, а в кінці додамо самого Хоппера 9 00:00:33,638 --> 00:00:37,638 Гаразд, ось чистий аркуш. Що може трохи лякати. 10 00:00:37,638 --> 00:00:41,558 Інколи, це допоможе зробити речі більш приємними, додаючи фон зразу, 11 00:00:41,558 --> 00:00:43,308 щоб вникнути в хід речей. 12 00:00:43,854 --> 00:00:47,854 Тепер, так як ми хочемо зробити цикл, ваша перша думка повинна бути про питання про 13 00:00:47,854 --> 00:00:49,404 які ми дізнались минулого разу. 14 00:00:50,108 --> 00:00:54,108 І ми зробимо їх досить швидко цього разу, але якщо вам потрібно пригадати, просто 15 00:00:54,108 --> 00:00:56,558 перегляньте "Введення до умовних циклів". 16 00:00:56,724 --> 00:01:00,724 І перше питання: "Що ми хочемо повторити?" 17 00:01:01,215 --> 00:01:05,215 Отже, спробуємо намалювати першу кульку. Так як ми хочемо повторювати попередні. 18 00:01:06,147 --> 00:01:14,687 Ви можете зробити це, можливо так, але знаєте трохи мала і не там де потрібно 19 00:01:14,906 --> 00:01:18,906 Тому, перемістимо її трішки. І ця частина програми де ви пробуєте щось, ви розумієте 20 00:01:18,906 --> 00:01:23,686 що це не те, що ви хочете і пробуєте знову а в підсумку рухаєтесь все ближче і ближче 21 00:01:25,255 --> 00:01:30,026 Гаразд, зараз нам можливо потрібно додати колір так? Ми не думали про це, коли 22 00:01:30,026 --> 00:01:34,196 думали про кроки, то ми можемо сказати, що це частина де ми малюємо кулю. Так? 23 00:01:34,890 --> 00:01:40,200 А далі, ми повинні думати про те, як саме ми хочемо, змінити кулю під час циклу. 24 00:01:40,926 --> 00:01:47,476 Ми хочемо щоб кулі були намальовані вздовж екрану. Хочемо щоб вони були тут тут і тут 25 00:01:47,476 --> 00:01:52,116 і ми хочемо щоб компютер зробив це так як я погано малюю. Тому ми можемо підробити 26 00:01:52,116 --> 00:01:57,846 трохи змінивши це перше число яке, як пам'ятаєте, керує "x" положенням: збоків. 27 00:01:57,935 --> 00:02:01,935 Але маю на увазі, що це досить убого, так? Це не зовсім як та класна картинка раніше. 28 00:02:02,376 --> 00:02:08,036 Тому, натомість введемо, що викликаємо "x" тому для позиції "x" зробимо змінну як 29 00:02:08,036 --> 00:02:15,356 було раніше. А зараз змінемо її всередині циклу, тому, використаємо умовний цикл, 30 00:02:16,096 --> 00:02:20,656 і тоді всередині нього присвоїмо, що "х" буде змінюватися кожного разу, може на 20. 31 00:02:21,593 --> 00:02:26,323 якщо вносимо еліпс всередину будьте обережні, не зачепіть оголошення змінної 32 00:02:26,323 --> 00:02:29,763 всередині. так як ми будемо думати, що може піти не так. 33 00:02:29,763 --> 00:02:32,753 Але це варто спробувати самому якщо цікаво 34 00:02:34,082 --> 00:02:38,782 Гаразд, тоді наше 3 питання по циклу:"Як довго ми хочемо повторювати?" 35 00:02:39,214 --> 00:02:43,214 То. можемо подумати, що можливо ми будемо малювати поки не вийдемо за сторону екрану 36 00:02:43,319 --> 00:02:48,689 Тому, можливо весь шлях до Х менше за 400. Це класно, так як щось відбувається, так? 37 00:02:48,949 --> 00:02:51,109 Але це не зовсім те, що ми уявляли. 38 00:02:51,312 --> 00:02:55,312 Тому, як і раніше, нам потрібно поступово покращувати його, щоб отримати бажане. 39 00:02:55,478 --> 00:02:59,478 Отже, по-перше, еліпси дуже стиснені разом так що давайте виправимо це. 40 00:02:59,581 --> 00:03:04,291 Гаразд, це добре, що ми дали їм відпочити. Але знаєте, можливо вони все ще задалеко 41 00:03:04,291 --> 00:03:09,019 від сторони екрану, і якщо ми змінимо кінцеву точку, можемуть почати зникати 42 00:03:09,019 --> 00:03:15,549 еліпси, що з'являються, знаєте тут. так як "x" стає десь тут, перестаємо малювати. 43 00:03:16,407 --> 00:03:21,787 Ось про, що говорить ця частина циклу. Гаразд? Ми можемо також ввести "можливо" 44 00:03:21,787 --> 00:03:28,307 "ми хочемо трохи змінити еліпси" чи перемістити їх вниз, змінити трохи розмір 45 00:03:28,307 --> 00:03:32,637 знову і хороша сторона умовного циклу, що ми можемо це робити з усіма одночасно. 46 00:03:33,945 --> 00:03:36,125 Гаразд. Досконало. 47 00:03:36,669 --> 00:03:40,169 І так, зараз дивлячись на ці кулі, було б не погано додати їм нитку. якщо вони 48 00:03:40,169 --> 00:03:43,067 подобаються нам, то потрібно додати нитку до них, а інакше вони полетять геть. 49 00:03:43,837 --> 00:03:48,777 Тому, нам потрібна лінія для кожної. Думаємо ми можемо розпочати лінії з центру 50 00:03:48,777 --> 00:03:55,367 кожної з куль. Щоб зробити це легко і всі вони спускаються в одну точку, якось так. 51 00:03:55,757 --> 00:03:58,857 Отже, як заставити програму зробити це, щоб ми не малювали самі. 52 00:03:59,055 --> 00:04:03,225 і ми можемо подумати, що коли ми хочемо повторити щось тоді точно внесемо до циклу 53 00:04:03,225 --> 00:04:07,605 Отже, зробимо цю лінію. І якщо ми хочемо щоб вона була в центрі еліпсу, тоді нам 54 00:04:07,605 --> 00:04:10,325 слід розпочати її в цих двох координатах тоді ми це зможемо зробити. 55 00:04:10,325 --> 00:04:15,255 І ви можете сказати, нехай кінець просто буде де-небудь. І це було б досить близько 56 00:04:16,337 --> 00:04:20,187 Але, знову ж таки, це не ідеально. Ви можете відчути суть - так що нам потрібно, 57 00:04:20,187 --> 00:04:26,207 виправити це. Отже, спочатку давайте виправимо цю потворну річ. Лінія яку ми 58 00:04:26,207 --> 00:04:29,627 намалювали власне поверх нашої повітряної кулі, яка не є правильною взагалі. 59 00:04:29,627 --> 00:04:34,187 Ми насправді хочемо, щоб еліпс покривав лінію, і зробимо це змінивши їхній порядок 60 00:04:35,105 --> 00:04:38,745 Як бачите, сьогодні ви дізнались про багато речей разом. 61 00:04:38,745 --> 00:04:43,105 Гаразд, це добре, але, можливо, ми хочемо змінити колір ліній, і як ми зробимо, якщо 62 00:04:43,105 --> 00:04:47,105 ми дійсно робимо цю програму самі? Ну ми б подивились у документації. 63 00:04:47,105 --> 00:04:50,205 Або подивились би відео з документацією, якщо не знаємо як це зробити. 64 00:04:50,372 --> 00:04:54,372 Отже, рухаємось далі і використаємо "stroke()" щоб задати колір для цих ліній, 65 00:04:54,800 --> 00:04:59,540 можливо зробити їх, не знаю, таким? 66 00:05:00,050 --> 00:05:05,170 І це красиво! Тепер, нарешті, все, що нам потрібно зробити, це намалювати Хоппера 67 00:05:05,803 --> 00:05:09,803 І це просто вимагає вставлення зображення, як це 68 00:05:09,980 --> 00:05:13,150 Ви можете подивитись в документації як я дізналася про це, 69 00:05:13,150 --> 00:05:17,370 і просто переміщаючи його довкола, і зараз він так тримає кульки і летить по небу 70 00:05:17,920 --> 00:05:21,359 І тепер у вас теж є! Ми завершили! Ви можете спробувати прикрасити кулі і також 71 00:05:21,686 --> 00:05:26,216 подумати щоб додати ще щось до циклу щоб зробити ці кулі ще кращими 72 00:05:26,461 --> 00:05:29,481 і також навіть можете використати цикл у свої наступних малюваннях.