30天學會Scratch編程，啟蒙第一課首選，從零到精通 P9 - 04-2.炫彩的星星

小朋友們好，歡迎回到星夜編程學校 在上一節課，我們練習了畫筆功能 畫出了各種各樣的線條 在上節課的最後，我們還讓畫筆朝不同的方向移動 畫出了臺階和城牆 這節課我們要將畫筆和更豐富的角度旋轉結合起來 畫出漂亮的星星 請打開上一節課的成果 這是上一節課的代碼 我們再來溫習一下最後的 大家通過代碼已經知道了 面向方向 這個用法 90度是向右 -90是向左 0度180度分別是向上和向下 可是 這些數字到底是什麼意思呢 這裏是白顏色的 是不是意味着我們可以直接用鍵盤輸一些別的數字 比如91呢 在開始今天的代碼之前 我們要先學習一下角度的知識 大家都見過 量角器嗎 我們用角度 來表示一個角的大小 像這麼大的是直角 90度 如果它的一半45度 則是這麼大的角 Scratch的方向 表示的是角色和垂直向上線條之間的夾角 我們用箭頭可以看得更清楚些 現在打開這裡的從本地文件上傳角色 找到課程資源第八課的箭頭 添加進來 我這裡代碼已經幫大家寫好了 先看一下這是一條垂直向上的線條 然後我們的箭頭目前 和線條之間的夾角是零度 它也是垂直向上的 當它面向30度的方向時 就是這麼大的角 60度是這麼大的 如果90度則是這樣子剛剛好一個直角 我們用這樣子的代碼不斷地變可以看得更清楚 從零度開始到這90 然後向下180 270 轉完一圈剛好是360度 我們就可以知道一週是剛好360度 可能有的小朋友會覺得奇怪了 我們之前在這裡面向方向不是說負90度是向左嗎 我們來看一下這裡-90是向左 那怎麼剛才又是面向270度是向左了呢 大家還記得嗎 旋轉一週剛好360度回到原來的方向 所以我們再來試一下 用這樣子的方式大家就能理解了 當它從-90度開始向順時針方向旋轉 開始-80轉到這0度 然後它的角度不斷的增大 當它增大到270度的時候 剛好回到了原先-90的位置 所以方向上-90度和270度是一樣的 我們可以再執行一下 讓它再旋轉360度 你可以看到630度的方向和-90度也是一樣的 好了 知道了角度的知識 我們就可以來畫星星了 現在先把這個角度角色刪掉 我已經把這節課需要用到的代碼都放在第八課資源文件中 Pencil這個角色裡 我們把它打開 原先的鉛筆可以刪除了 我們先來看第一段代碼 大家還認識它嗎 運行一下試試看 是畫一個尖角 下面我要出一道題考考大家了 我們如何把畫這麼一個尖角的代碼 進行一些改造 讓它畫出這樣子的六角星來呢 讓我們來仔細研究一下 這顆六角星其實是由六個尖角組成的 我們可以讓它先畫一個尖角 轉過一定角度再畫一個尖角 再回來以此重複六次 那應該轉多少角度呢 大家還記得我剛說的嗎 圓的一週是360度 所以360除以6 我們讓它轉過60度就好了 讓我們來看代碼 這裏我先讓它是面向 右邊90度方向 然後每次這一段代碼就是畫一個尖角 畫完尖角之後我讓它移動-90 因爲前面我往前走了30次三步是90步啊 所以移動-90 它就可以走回到原點 然後右轉60度再走 進行重複執行下一次畫尖角 我們來試試看 看起來確實 是一顆六角 星了對嗎 唯一不足的是為什麼這裡會有一條線呢 因為呀 在這裡每次當我畫到尖角的時候 它的亮度是比較暗的 然後當我移動-90度回去 比較暗的筆 在原先很亮的背景色上畫一下 就畫出了一道很明顯的印子 要糾正它也很簡單 只需要在畫筆抬筆 把抬筆放在移動-90度 他在畫畫之前先抬起筆 然後在畫尖角的時候又落下 就OK了 我們再 來試 一下 下面我們來試試看 如果每次旋轉45度會有什麼效果呢 呀畫到一半 就停止了 看來需要多幾次 應該重複執行幾次呀 大家還記得嗎？ 加起來360度 那除以45等於8 所以就是執行八次 其實這裏還有 個小技巧 既然我們總共是360度 那我們當然就可以用360去除以想要畫幾個角 我們就除以幾 比如我想畫一個七角星 那就可以右轉這個角度 它可不能整除哦，算起來特別煩，對不對 要重複執行七次，你再試試看哦 果然是一個 漂亮的七角星 實心的星星我們就學到這裏 下面我們來嘗試第二種畫星星的方法 畫一顆空心的五角星 大家會畫五角星嗎？ 就像是這樣 1 2 3 4 5筆 一二三四五筆一顆星星就畫好了 對不對？ 所以 我們要畫五角星，空心五角星的方法也很簡單 看代碼 就像這樣 五角星當然是重複執行5次 每次我讓它移動100步之後 再旋轉一個角度 這個角度我直接告訴大家是144度 噢這段代碼寫錯了 然後重複執行5次就好了對嗎 我們來執行一下 我忘了 加落筆了 再來一遍 果然就是一顆五角星 那如果我讓它旋轉是160度 會有什麼效果呢 又是畫到一半停止 但我可不知道應該要重複多少次 乾脆多一點 50次 他畫出了一個八角星 然後在畫完之後 他又不斷地重複一遍遍地描 直到50次重複執行結束 如果是150度呢 是12角星 這裏角度和一共有幾個角的關係 就比較複雜 我們就不在這兒展開了 那如果90度會是什麼 大家可以猜猜看嗎 90度想一想，剛好是個直角 原來是一個正方形 猜對了嗎 那如果我用的不是正正好的直 而是91這樣的直會有什麼效果 你也請猜一下哦 我們來看看 畫出了圓環一樣的 你猜對了嗎 當然我們還可以讓它變得更好玩一些 在每次旋轉之後 都把畫筆的顏色變一下 然後我們再重複多一些 一百次吧 看好了 出現了一道漂亮的圓環 有趣嗎 接下來我又要給大家出題了 我們已經學習了畫實心星星 和空心星星的辦法 那如何能夠畫出這樣的圖案呢 中間一個實心的星星 邊上一圈空心的五角星 我們來分析一下 如果我們先畫一個尖角 之前是要轉六十度，畫下一個尖角 如果我們把它改成轉三十度，來到中央 然後畫一顆五角星，再回到原點 然後再轉過三十度，畫下一個尖角，再畫五角星 這樣的過程好像是可以的吧 那讓我們來 寫代碼吧 就是這樣 先畫一個尖角 然後回到原點之後，旋轉三十度 再移到中間 畫一個五角星，然後再旋轉三十度 只不過從五角星位置回到原點是有一些難度的 因爲畫完五角星後，畫筆並不是朝着圓心的方向 所以我們簡單一點，用一到零零來讓它回到原點 現在我們來試試看畫顆五角星 再旋轉三十度，畫下一顆星星 搞定是不是很有意思？ 那你接下來可以想一想 怎樣加更復雜的變化 讓它畫出更復雜的圖案來哦 最後，我還要教大家一個非常實用的技巧 如果我們每次只移動一點點 比如說20步 然後呢轉動一個很小的角度 比如10度 這樣子重複執行很多次 直到一共轉了360度 那會出現什麼效果呢 你能猜得到嗎 讓我們來試試看 我的位置 放得不夠好 得放中央一些 我們再來試一下 一個圓 你猜到了嗎 如果我們轉的角度稍大一些 移動的步子再小一些 畫出的則是一個小小的圓 那假如把它拼在一起 會有什麼效果呢 當然為了更好玩 我還可以讓它每一次的顏色 也都變一些 我們來看一看 原來是大圓環套小圓環 畫出一條彩色的圓環圈來了 你猜到這結果了嗎? 好了今天我們的課就到這裡 請不要忘記保存哦 總結一下今天的內容 在思路上我們學習了角度的知識 知道圓的一週是360度 知道讓畫筆不斷的旋轉 就可以生成新形狀的圖案 我們還練習了用漸變和組合 讓圖案變得更漂亮 我們這節課用到的操作和代碼 和上一節課都一樣 由此我們也可以看到 代碼雖然簡單 卻會因為組合的不同 而產生千變萬化的結果 這就是編程的魅力 今天的 作業 是對我們課堂上的代碼進行修改 畫出這兩幅圖案 我稍給一些提示 之前這一幅圖案 其實是由我們之前 六角星 這一幅圖案演變過來的 無非就是變成了 畫十二個角 然後星星的距離可能離中心 要更遠一些 而且它還會有一個漸變 在畫這個尖角的過程中 還會有一個漸變色的過程 這一幅圖案則是由我們的大圓套小圓代碼演變過來的 你仔細觀察一下它其實是最外圈一個大圓中間一個小圓 最裏面還有一個小小圓是三層的嵌套 經過這樣一個分析這個代碼也不太難了 吧我相信你一定能寫得出來加油哦 好了今天我們的課就到這裏 下一節課再見拜拜