現在,你已經學會了迴圈的基礎知識,讓我們繼續,做出一個像這樣的超讚迴圈, 熱氣球飛行員飄過一片美麗的天空 當我談到程式編寫時,我希望你先想想你會怎麼寫,因為你馬上就要自己寫了。 首先,將你的程式拆開為一些步驟,這麼做每次都有用。 一開始我們先畫一些氣球,像這樣重複地橢圓,聽起來就像迴圈。 然後,我們將以此為基礎,最後再加上熱氣球飛行員。 好,這裡是一片空白,看起來有點可怕。 加上背景,有時候背景可以讓畫面看起來比較和善,也比較容易讓人代入。 現在,既然我們要畫一個迴圈,你應該會先想到我們上次講到的迴圈問題。 我們很快地再做一次,如果你需要複習,可以回到「介紹 While 迴圈」。 現在,第一個問題是:「我們要重複什麼?」 來,我們先畫第一個氣球,因為我們要複製這些氣球。 你可以現在立刻做,也許像那樣,嗯,你知道的,它有點小,位置不太對, 所以,我們試著做一點點移動。 這只是程式設計的一部分。先做一些嘗試,當發現不是你想要的就再試,直到越來越接近。 現在我們需要加上顏色,是吧?在思考步驟時沒想到這個,這部分就是畫氣球的其中一部分。 好了?下一步,我們來思考,究竟想要這個氣球,在迴圈過程中,做出什麼改變。 嗯,我們想要氣球橫排在螢幕上,是嗎?我們希望它像這裡和這裡,還有這裡, 我們希望由電腦來畫,因為我畫得非常糟糕。 我們可以透過改變第一個數字編造,就如你們印象中控制 x 位置:橫向整理的位置。 不過,我想,那其實蠻無趣的,是吧?不像我們之前所看到的酷圖片。 於是,讓我們稱這個 x 位置為 x,而且我們要使一個可變數跟原來看到的一樣。 現在,我們要改變迴圈中的可變數,所以會用到 while 迴圈, 然後在迴圈中,命令 x 每次改變,也許,20 如果我們非常小心的在裏面移動橢圓,當然不可以移動裏面的可變數聲明, 否則,我們就得找出哪裡可能會出錯。 但,這絕對值得自己動手做,如果你夠好奇的話。 好,接著,我們第三個迴圈問題是:「我們想要重複多長?」 或許我們可以繼續往下,基本上直到超出螢幕側邊 也許一直到 x 小於400。 現在,這很酷,因為我們做了東西出來,對吧?但它並不是我們想要的。 跟之前一樣,你知道的,我們只要修改它、慢慢地改成我們想要的樣子就可以了。 因此,讓我們先來解決橢圓全擠在一起的問題。 好,給它們彼此一些空間。 但你知道,也許他們離螢幕邊還是有點太遠了,如果我們改終點, 我們就可以讓橢圓消失,因為在這裡我們命令,只要 x 的值是某個數,就停止繪圖。 這就是這部分 while 迴圈的特色。 好吧?我們也可以說「好吧,也許我們想給橢圓一點改變」,我們希望它們都向下移動, 我們想稍為改變它們的大小,而 while 迴圈不錯的地方是我們可以一次地把它們都改。 好的,完美! 來看看這些氣球,加一些線上去應該不錯。如果我們想要,就放一些上去吧! 不然,它們會飄走! 所以,每一顆都要一條線。為了簡單化,我們想把線頭都放在每個氣球的中心, 且它們都往下延伸到同一位置,大概像那樣。 那如何使程式這樣做,而不是靠自己手描呢? 所以如果要複製東西,我們得要把它放在 while 迴圈裡,所以來做出那條線吧! 如果我們要把它放在橢圓的中心,那麼它得從這兩個座標開始,才可以做到。 你可以把線尾放到任何一處。那其實很接近! 然而,再一次,你可能留意到它不完美,我們要修復它。先來修復這個醜陋的傢伙。 再來,我們畫的線段疊在氣球上,可以這樣一點也不對。 我們想要橢圓覆蓋著線,可這樣只能夠透過改變順序去做。 你學過很多東西,而這次是這些東西一起應用的時候。 很好!我們也想要改這些線條的顏色。如果我們真的自己要寫程式,可怎麼辦? 我們去看看那些檔案。 或者,如果我們不知道怎麼做,也可以看影片檔。 所以,我們可以使用 stroke() 來設定這些線的顏色, 也許讓它們變成,不知道,也許,那種顏色? 很漂亮!最後,我們需要做的是繪製熱氣球飛行員。只要將她的影像檔置入就可以,像這樣, 你可以參考檔案,看我是如何做的。你知道,只要移動她,使她看起來像抓著氣球 飄過天空。 你做到了!我們完成了!你可以試著裝飾氣球,你想得到東西都加進迴圈,使這些氣球更酷些, 甚至你下次繪圖時可以運用迴圈。