Webduino 學習手冊
Blockly Games 解答 - 影片
Blockly Games 第五個主題是影片，利用數學式的概念，畫出圖形並能讓圖形移動，而有動畫的效果。
遊戲連結：Blocly Games 影片
第一關
利用影片和顏色分類裡的積木，練習用座標畫出圖形。
最上面的紅色圓形座標
兩側黑色長型線條座標
中間藍色長方形座標
將每個圖形的座標及面積大小填入積木中，解答：
解答連結：Blockly Games 影片-第一關
第二關
能夠用積木畫出圖形之後，可以開始搭配座標及時間，讓圖形移動變成影片。
根據提示說明，必須讓紅色圓形利用時間積木time(0→100)水平移動，也就是 X 軸的 0 到 100，圓形起點座標為 X0 Y50、半徑為 10，顏色為紅色，將time(0→100)積木放到 X 座標上成為圓形的 X 座標，按下播放鍵就能移動了。
提示：
解答：
解答連結：Blockly Games 影片-第二關
第三關
開始運用到數學式的積木，積木上的下拉選單可以選取需要的運算式符號。
第三關要將第二關的路徑反過來移動，所以水平移動位置變成從 X 軸的 100 移動到 0，利用數學式左側100減去右側time(0→100)，就能得到 X 軸移動距離為 100→0。
提示：
解答：
解答連結：Blockly Games 影片-第三關
第四關
利用前兩關練習到的時間積木搭配數學式，讓位於四邊的圓形移動到對面的位置。
解答：
解答連結：Blockly Games 影片-第四關
第五關
前面的關卡移動位置都是從 0 開始，這關要從不同的座標位置設為起點。
提示：
解答：
解答連結：Blockly Games 影片-第五關
第六關
第一條線 起點部分必須從 (X0, Y0) 移動到 (X100, Y100) 終點部分必須從 (X100, Y100) 移動到 (X0, Y100)
提示：
第二條線 起點部分必須從 (X0, Y0) 移動到 (X100, Y100) 終點部分必須從 (X100, Y100) 移動到 (X0, Y100)
提示：
解答：
解答連結：Blockly Games 影片-第六關
第七關
第七關的提示已經說明座標 Y 的運算式為何，將 Y 軸位置依照提示的公式排列Y=100-(((time-50)÷5)^2)，每個括號就是一個數學式積木，X 軸則可以看出是從 0 移動到 100。
解答：
解答連結：Blockly Games 影片-第七關
第八關
這關運用到如果-否則的邏輯積木，兩顆在對角的圓形移動到中間後停止變成綠色，讓積木在時間time(0~50)的時候執行紅色和藍色圓形的移動，一旦時間超過 50，則顯示綠色圓形定位在畫面中央。
提示：
解答：
解答連結：Blockly Games 影片-第八關
第九關
第九關的畫面中，原本就已經利用線條積木畫好一條線，我們必須讓球沿著線的路徑移動。可以將線分成三段，並運用如果-否則如果-否則的積木來完成。
第一段先讓球從座標 ( X0, Y40 ) 的位置移動到 ( X20, Y40 )，時間是從 time 0~20。
第一段路徑：
第一段路徑運用積木：Y 軸位置維持在 40，當時間在 20 以內，讓 X 軸和時間同時移動到 20 即可。
第二段可以看出，球是從 (X20, Y40) 移動到 (X20, Y80)，時間是從 time 20~40。
第二段路徑：
第二段路徑運用積木：X 軸維持在 20 的位置，時間從 20 到 40，Y 軸從 40 到 80，可以看出 Y 軸的數字是時間的兩倍，運用數學式的乘法來設定球 Y 軸的位置。
第三段的位置是從(X20, Y80)移動到(X80, Y20)，因為是最後一段，只要讓前兩個情境都不符合，就會執行這一段的積木。
路徑：
積木：這一段的移動時間為time 40~100，X 軸為 20 到 80，可以讓積木利用數學式將時間減去 20，就能呈現 X 軸的移動位置。Y 軸的部分移動座標為 80 到 20，一樣利用數學運算式，用 120 減去時間即可得到 Y 軸座標。
將積木組合到線條積木的下方，第九關解答：
解答連結：Blockly Games 影片-第九關
拉積木寫程式真的好有趣，繼續前往 Web:Bit 教育版，發掘更多程式積木的有趣應用吧！
聯絡我們
如果對於 Webduino 產品有興趣，歡迎透過下列方式購買：
個人線上購買：https://store.webduino.io/ ( 支援信用卡、超商取貨付款 )
企業＆學校採購：來信 [email protected] 或來電 07-3388511。
如果對於這篇教學有任何問題或建議，歡迎透過下列方式聯繫我們：
Email：[email protected] ( 如對於產品有使用上的問題，建議透過 Email 附上照片或影片聯繫 )
Facebook 粉絲團：https://www.facebook.com/webduino/
Facebook 技術討論社團：https://www.facebook.com/groups/webduino/