[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:01.43,0:00:07.07,Default,,0000,0000,0000,,現在,你已經學會了迴圈的基礎知識,讓我們繼續,做出一個像這樣的超讚迴圈, Dialogue: 0,0:00:07.07,0:00:09.85,Default,,0000,0000,0000,,熱氣球飛行員飄過一片美麗的天空 Dialogue: 0,0:00:09.85,0:00:16.40,Default,,0000,0000,0000,,當我談到程式編寫時,我希望你先想想你會怎麼寫,因為你馬上就要自己寫了。 Dialogue: 0,0:00:16.40,0:00:20.21,Default,,0000,0000,0000,,首先,將你的程式拆開為一些步驟,這麼做每次都有用。 Dialogue: 0,0:00:20.21,0:00:27.48,Default,,0000,0000,0000,,一開始我們先畫一些氣球,像這樣重複地橢圓,聽起來就像迴圈。 Dialogue: 0,0:00:27.48,0:00:33.77,Default,,0000,0000,0000,,然後,我們將以此為基礎,最後再加上熱氣球飛行員。 Dialogue: 0,0:00:33.77,0:00:37.96,Default,,0000,0000,0000,,好,這裡是一片空白,看起來有點可怕。 Dialogue: 0,0:00:37.96,0:00:43.87,Default,,0000,0000,0000,,加上背景,有時候背景可以讓畫面看起來比較和善,也比較容易讓人代入。 Dialogue: 0,0:00:43.87,0:00:49.93,Default,,0000,0000,0000,,現在,既然我們要畫一個迴圈,你應該會先想到我們上次講到的迴圈問題。 Dialogue: 0,0:00:49.93,0:00:56.93,Default,,0000,0000,0000,,我們很快地再做一次,如果你需要複習,可以回到「介紹 While 迴圈」。 Dialogue: 0,0:00:56.93,0:01:01.39,Default,,0000,0000,0000,,現在,第一個問題是:「我們要重複什麼?」 Dialogue: 0,0:01:01.39,0:01:06.44,Default,,0000,0000,0000,,來,我們先畫第一個氣球,因為我們要複製這些氣球。 Dialogue: 0,0:01:06.44,0:01:15.07,Default,,0000,0000,0000,,你可以現在立刻做,也許像那樣,嗯,你知道的,它有點小,位置不太對, Dialogue: 0,0:01:15.07,0:01:17.17,Default,,0000,0000,0000,,所以,我們試著做一點點移動。 Dialogue: 0,0:01:17.17,0:01:25.18,Default,,0000,0000,0000,,這只是程式設計的一部分。先做一些嘗試,當發現不是你想要的就再試,直到越來越接近。 Dialogue: 0,0:01:25.18,0:01:33.87,Default,,0000,0000,0000,,現在我們需要加上顏色,是吧?在思考步驟時沒想到這個,這部分就是畫氣球的其中一部分。 Dialogue: 0,0:01:33.87,0:01:40.90,Default,,0000,0000,0000,,好了?下一步,我們來思考,究竟想要這個氣球,在迴圈過程中,做出什麼改變。 Dialogue: 0,0:01:40.90,0:01:47.73,Default,,0000,0000,0000,,嗯,我們想要氣球橫排在螢幕上,是嗎?我們希望它像這裡和這裡,還有這裡, Dialogue: 0,0:01:47.73,0:01:51.01,Default,,0000,0000,0000,,我們希望由電腦來畫,因為我畫得非常糟糕。 Dialogue: 0,0:01:51.01,0:01:58.39,Default,,0000,0000,0000,,我們可以透過改變第一個數字編造,就如你們印象中控制 x 位置:橫向整理的位置。 Dialogue: 0,0:01:58.39,0:02:02.77,Default,,0000,0000,0000,,不過,我想,那其實蠻無趣的,是吧?不像我們之前所看到的酷圖片。 Dialogue: 0,0:02:02.77,0:02:11.11,Default,,0000,0000,0000,,於是,讓我們稱這個 x 位置為 x,而且我們要使一個可變數跟原來看到的一樣。 Dialogue: 0,0:02:11.11,0:02:15.91,Default,,0000,0000,0000,,現在,我們要改變迴圈中的可變數,所以會用到 while 迴圈, Dialogue: 0,0:02:15.91,0:02:22.14,Default,,0000,0000,0000,,然後在迴圈中,命令 x 每次改變,也許,20 Dialogue: 0,0:02:22.14,0:02:27.40,Default,,0000,0000,0000,,如果我們非常小心的在裏面移動橢圓,當然不可以移動裏面的可變數聲明, Dialogue: 0,0:02:27.40,0:02:30.21,Default,,0000,0000,0000,,否則,我們就得找出哪裡可能會出錯。 Dialogue: 0,0:02:30.21,0:02:34.38,Default,,0000,0000,0000,,但,這絕對值得自己動手做,如果你夠好奇的話。 Dialogue: 0,0:02:34.38,0:02:39.39,Default,,0000,0000,0000,,好,接著,我們第三個迴圈問題是:「我們想要重複多長?」 Dialogue: 0,0:02:39.39,0:02:43.82,Default,,0000,0000,0000,,或許我們可以繼續往下,基本上直到超出螢幕側邊 Dialogue: 0,0:02:43.82,0:02:46.65,Default,,0000,0000,0000,,也許一直到 x 小於400。 Dialogue: 0,0:02:46.65,0:02:51.16,Default,,0000,0000,0000,,現在,這很酷,因為我們做了東西出來,對吧?但它並不是我們想要的。 Dialogue: 0,0:02:51.16,0:02:55.84,Default,,0000,0000,0000,,跟之前一樣,你知道的,我們只要修改它、慢慢地改成我們想要的樣子就可以了。 Dialogue: 0,0:02:55.84,0:02:59.40,Default,,0000,0000,0000,,因此,讓我們先來解決橢圓全擠在一起的問題。 Dialogue: 0,0:02:59.40,0:03:02.41,Default,,0000,0000,0000,,好,給它們彼此一些空間。 Dialogue: 0,0:03:02.41,0:03:09.32,Default,,0000,0000,0000,,但你知道,也許他們離螢幕邊還是有點太遠了,如果我們改終點, Dialogue: 0,0:03:09.32,0:03:16.51,Default,,0000,0000,0000,,我們就可以讓橢圓消失,因為在這裡我們命令,只要 x 的值是某個數,就停止繪圖。 Dialogue: 0,0:03:16.51,0:03:19.38,Default,,0000,0000,0000,,這就是這部分 while 迴圈的特色。 Dialogue: 0,0:03:19.38,0:03:24.94,Default,,0000,0000,0000,,好吧?我們也可以說「好吧,也許我們想給橢圓一點改變」,我們希望它們都向下移動, Dialogue: 0,0:03:24.94,0:03:34.02,Default,,0000,0000,0000,,我們想稍為改變它們的大小,而 while 迴圈不錯的地方是我們可以一次地把它們都改。 Dialogue: 0,0:03:34.02,0:03:36.90,Default,,0000,0000,0000,,好的,完美! Dialogue: 0,0:03:36.90,0:03:42.02,Default,,0000,0000,0000,,來看看這些氣球,加一些線上去應該不錯。如果我們想要,就放一些上去吧! Dialogue: 0,0:03:42.02,0:03:43.89,Default,,0000,0000,0000,,不然,它們會飄走! Dialogue: 0,0:03:43.89,0:03:50.57,Default,,0000,0000,0000,,所以,每一顆都要一條線。為了簡單化,我們想把線頭都放在每個氣球的中心, Dialogue: 0,0:03:50.57,0:03:55.91,Default,,0000,0000,0000,,且它們都往下延伸到同一位置,大概像那樣。 Dialogue: 0,0:03:55.91,0:03:59.43,Default,,0000,0000,0000,,那如何使程式這樣做,而不是靠自己手描呢? Dialogue: 0,0:03:59.43,0:04:05.00,Default,,0000,0000,0000,,所以如果要複製東西,我們得要把它放在 while 迴圈裡,所以來做出那條線吧! Dialogue: 0,0:04:05.00,0:04:10.70,Default,,0000,0000,0000,,如果我們要把它放在橢圓的中心,那麼它得從這兩個座標開始,才可以做到。 Dialogue: 0,0:04:10.70,0:04:16.62,Default,,0000,0000,0000,,你可以把線尾放到任何一處。那其實很接近! Dialogue: 0,0:04:16.62,0:04:23.66,Default,,0000,0000,0000,,然而,再一次,你可能留意到它不完美,我們要修復它。先來修復這個醜陋的傢伙。 Dialogue: 0,0:04:23.66,0:04:29.81,Default,,0000,0000,0000,,再來,我們畫的線段疊在氣球上,可以這樣一點也不對。 Dialogue: 0,0:04:29.81,0:04:35.25,Default,,0000,0000,0000,,我們想要橢圓覆蓋著線,可這樣只能夠透過改變順序去做。 Dialogue: 0,0:04:35.25,0:04:38.76,Default,,0000,0000,0000,,你學過很多東西,而這次是這些東西一起應用的時候。 Dialogue: 0,0:04:38.76,0:04:45.32,Default,,0000,0000,0000,,很好!我們也想要改這些線條的顏色。如果我們真的自己要寫程式,可怎麼辦? Dialogue: 0,0:04:45.32,0:04:47.22,Default,,0000,0000,0000,,我們去看看那些檔案。 Dialogue: 0,0:04:47.22,0:04:50.47,Default,,0000,0000,0000,,或者,如果我們不知道怎麼做,也可以看影片檔。 Dialogue: 0,0:04:50.47,0:04:54.92,Default,,0000,0000,0000,,所以,我們可以使用 stroke() 來設定這些線的顏色, Dialogue: 0,0:04:54.92,0:05:00.25,Default,,0000,0000,0000,,也許讓它們變成,不知道,也許,那種顏色? Dialogue: 0,0:05:00.25,0:05:10.15,Default,,0000,0000,0000,,很漂亮!最後,我們需要做的是繪製熱氣球飛行員。只要將她的影像檔置入就可以,像這樣, Dialogue: 0,0:05:10.15,0:05:16.54,Default,,0000,0000,0000,,你可以參考檔案,看我是如何做的。你知道,只要移動她,使她看起來像抓著氣球 Dialogue: 0,0:05:16.54,0:05:18.23,Default,,0000,0000,0000,,飄過天空。 Dialogue: 0,0:05:18.23,0:05:26.53,Default,,0000,0000,0000,,你做到了!我們完成了!你可以試著裝飾氣球,你想得到東西都加進迴圈,使這些氣球更酷些, Dialogue: 0,0:05:26.53,0:05:30.53,Default,,0000,0000,0000,,甚至你下次繪圖時可以運用迴圈。