模組化程式設計與問題解決實作
為何要使用模組化程式設計
實作1-模組化程式設計-五角星放光彩
程式執行結果
問題解析:
1.先畫一個小的五角星
2.讓它邊走邊畫重複15個五角星(每個要有些距離)後旋轉一個五角星的角度.然後無限重複
五角星原理
解說:
一個五角星是由 5 條線組成的，每條線長度相同，每畫一次線轉過一個固定角度畫下一條，那麼我們怎麼確定要轉多少度呢？
1.五角星中間是一個正五邊形，可以劃分為 3 個三角形，每個三角形內角和為 180 度，180*3=540 度
2.五邊形的每個角為 540/5=108 度
3.由 108 度算出五角星的頂端的三角形一個角為180-108=72 度
4.由於三角形的對稱性，兩個底角度數相同，算得頂角度數為 180-72*2=36
5.最後得到外角度數為 180-56=144，假設我們從右下角為起始點開始畫，那麼畫到最上面的時候就要左轉 144 度 然後畫下一條線
程式設計:
1.畫一個小的七彩五角星(建立五角星函式.邊長參數)
2.撰寫五角星函示程式
3.撰寫主程式初始化
(1)定位第一個五小星的位置座標及方向
(2)畫筆初始化
4.呼叫五角星函示及傳遞邊長參數
5.讓它邊走邊畫重複15個五角星(每個要有些距離)後旋轉一個五角星的角度.然後無限重複
思考問題:如何畫出以下圖形
問題解析:
1.此圖是兩種運動的組合，一個是畫五角星，一個是轉圓圈，先畫一個五角星，然後轉一個角度，再畫一個五角星，再轉一個角度，以此類推，一個圓轉完，就變成這個美麗的圖形了
2.先轉一個角度，這裡我們選 10 度，然後再執行一次，再轉 10 度，再執行一次，再轉 10 度，那一共要轉多少次呢？轉一圈是 360 度，一次轉 10 度，那麼 360 / 10 = 36.也就是說需要轉 36 次，就剛好轉完了一圈，然後每轉一次，畫一個五角星，一直到轉完一圈，這個圖形就畫好啦
作業上傳
1.點自己班的連結.輸入各班密碼
遊戲大挑戰-Chrome Dino 小恐龍遊戲
遊戲規則
Chrome Dino 小恐龍遊戲玩法非常簡單，按「↑」或「Space 空白鍵」就可以讓恐龍向上跳閃避沙漠裡的仙人掌，若是天空出現翼手龍時，按「↓」就可以低頭。當恐龍走得愈遠時，畫面右上方的分數就會愈高分。
線上版
其他模式
https://chromedino.com/batman/
密碼:ctjh
遊戲來源:https://mtf.sjps.ntpc.edu.tw/friber108/
http://www.dmaku.com/jquery-game-1.html