Webduino 學習手冊網站即將改版,提供您更好的閱讀體驗!

搶先試用

Blockly Games 解答 - 影片

Blockly Games 第五個主題是影片,利用數學式的概念,畫出圖形並能讓圖形移動,而有動畫的效果。

遊戲連結:Blocly Games 影片

第一關

利用影片和顏色分類裡的積木,練習用座標畫出圖形。

最上面的紅色圓形座標

Blockly Games 影片,第一關圓形座標

兩側黑色長型線條座標

Blockly Games 影片,第一關兩側黑色長方形座標

中間藍色長方形座標

Blockly Games 影片,第一關藍色長方形座標

將每個圖形的座標及面積大小填入積木中,解答:

Blockly Games 影片,第一關解答

解答連結:Blockly Games 影片-第一關

第二關

能夠用積木畫出圖形之後,可以開始搭配座標及時間,讓圖形移動變成影片。

根據提示說明,必須讓紅色圓形利用時間積木time(0→100)水平移動,也就是 X 軸的 0 到 100,圓形起點座標為 X0 Y50、半徑為 10,顏色為紅色,將time(0→100)積木放到 X 座標上成為圓形的 X 座標,按下播放鍵就能移動了。

提示:

Blockly Games 影片,第二關做標提示

解答:

Blockly Games 影片,第二關解答

解答連結:Blockly Games 影片-第二關

第三關

開始運用到數學式的積木,積木上的下拉選單可以選取需要的運算式符號。

Blockly Games 數學式邏輯積木

第三關要將第二關的路徑反過來移動,所以水平移動位置變成從 X 軸的 100 移動到 0,利用數學式左側100減去右側time(0→100),就能得到 X 軸移動距離為 100→0。

提示:

Blockly Games 影片,第二關數學式積木提示

解答:

Blockly Games 影片,第三關解答

解答連結:Blockly Games 影片-第三關

第四關

利用前兩關練習到的時間積木搭配數學式,讓位於四邊的圓形移動到對面的位置。

解答:

Blockly Games 影片,第四關解答

解答連結:Blockly Games 影片-第四關

第五關

前面的關卡移動位置都是從 0 開始,這關要從不同的座標位置設為起點。

提示: Blockly Games 影片,第五關座標提示

解答: Blockly Games 影片,第五關解答

解答連結:Blockly Games 影片-第五關

第六關

第一條線 起點部分必須從 (X0, Y0) 移動到 (X100, Y100) 終點部分必須從 (X100, Y100) 移動到 (X0, Y100)

提示:

Blockly Games 影片,第六關第一條線座標提示

第二條線 起點部分必須從 (X0, Y0) 移動到 (X100, Y100) 終點部分必須從 (X100, Y100) 移動到 (X0, Y100)

提示:

Blockly Games 影片,第六關第二條線座標提示

解答:

Blockly Games 影片,第六關解答

解答連結:Blockly Games 影片-第六關

第七關

第七關的提示已經說明座標 Y 的運算式為何,將 Y 軸位置依照提示的公式排列Y=100-(((time-50)÷5)^2),每個括號就是一個數學式積木,X 軸則可以看出是從 0 移動到 100。

解答:

Blockly Games 影片,第七關解答

解答連結:Blockly Games 影片-第七關

第八關

這關運用到如果-否則的邏輯積木,兩顆在對角的圓形移動到中間後停止變成綠色,讓積木在時間time(0~50)的時候執行紅色和藍色圓形的移動,一旦時間超過 50,則顯示綠色圓形定位在畫面中央。

提示:

Blockly Games 影片,第八關座標提示

解答:

Blockly Games 影片,第八關解答

解答連結:Blockly Games 影片-第八關

第九關

第九關的畫面中,原本就已經利用線條積木畫好一條線,我們必須讓球沿著線的路徑移動。可以將線分成三段,並運用如果-否則如果-否則的積木來完成。

第一段先讓球從座標 ( X0, Y40 ) 的位置移動到 ( X20, Y40 ),時間是從 time 0~20

第一段路徑:

Blockly Games 影片,第九關第一段座標提示

第一段路徑運用積木:Y 軸位置維持在 40,當時間在 20 以內,讓 X 軸和時間同時移動到 20 即可。

Blockly Games 影片,第九關第一段積木

第二段可以看出,球是從 (X20, Y40) 移動到 (X20, Y80),時間是從 time 20~40

第二段路徑:

Blockly Games 影片,第九關第二段座標提示

第二段路徑運用積木:X 軸維持在 20 的位置,時間從 20 到 40,Y 軸從 40 到 80,可以看出 Y 軸的數字是時間的兩倍,運用數學式的乘法來設定球 Y 軸的位置。

Blockly Games 影片,第九關第二段積木

第三段的位置是從(X20, Y80)移動到(X80, Y20),因為是最後一段,只要讓前兩個情境都不符合,就會執行這一段的積木。 路徑:

Blockly Games 影片,第九關第三段座標提示

積木:這一段的移動時間為time 40~100,X 軸為 20 到 80,可以讓積木利用數學式將時間減去 20,就能呈現 X 軸的移動位置。Y 軸的部分移動座標為 80 到 20,一樣利用數學運算式,用 120 減去時間即可得到 Y 軸座標。

Blockly Games 影片,第九關第三段積木

將積木組合到線條積木的下方,第九關解答:

Blockly Games 影片,第九關解答

解答連結:Blockly Games 影片-第九關

拉積木寫程式真的好有趣,繼續前往 Web:Bit 教育版,發掘更多程式積木的有趣應用吧!

認識 Web:Bit 教育版 >>

Web:Bit教育版