大家對所謂的「編程」(Coding)有多少認識呢?感覺好像很難很專業,但其實就跟阿湯部落格的很多文章一樣,接觸過了之後會覺得「還好」,最近阿湯在尋找中文版學習資源的時候發現「Scratch」這個網站,是 Google 和麻省理工學院媒體實驗室終身幼兒園團隊合作計劃,讓大家可以藉由簡單的步驟,加入各種動作、音效、形狀變化,自由編寫屬於你的互動媒體,像是故事、遊戲、動畫等,阿湯覺得蠻有趣的,往下看。

Scratch 使用介紹:

雖然網站表示是專為 8 到 16 歲的孩子設計的,但其實使用者涵蓋了各學習階段(從國小到大學)、領域(數學、計算機科學、語言藝術、社會研究…),並已翻譯成 40 種以上的語言,在超過 150 個國家上被使用,大家真的要來認識一下,首頁可觀摩其他人的作品,或直接點那隻貓試用。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 01 11

開始玩吧,左邊空白區是效果預覽,中間是各項程式的指令,右邊灰色是編輯區,先來加入動作,假設我們要讓這隻貓移動並左轉,就將指令拖進去,角度和點數都可點擊更改。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 03 10

改個造型也是 OK 的,先來拉個嘴型、畫幾條線當牙齒,再改個顏色把他變成漸層色的藍貓。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 04 12

再來加入音效,除了預設的樣式也能點圖示看其他的內容。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 05 11

範例庫的內容相當多啊,有動物和人聲、各種樂器,可切換分類一個個點來聽聽看。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 06 10

回到程式區,先拖個演奏節拍進去(對了,所有步驟都是阿湯隨便用的,大家不一定要照抄,可以自己玩)。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 08 6

節拍效果也有 18 種不同風格的樂器可選擇。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 09 5

阿湯在中間再次加入移動指令,讓這隻貓咪可以隨著節拍移動,並點擊預覽。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 10 4

需要加入一個控制項目,例如重複 10 次,將土黃色的圖示往右拖,會自然吸附上去,框住剛剛設定好的部分。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 11 3

讓她在開始前說句話好了,選擇外觀,將說話那塊拖進去並更改文字。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 12 1

加入事件,讓一切發生在旗幟被點擊後。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 13 2

也能在這些動作結束後改變顏色及尺寸。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 14 2

同樣拉一個動作,換成當空白鍵按下。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 15 1

背景白色太單調,點選舞台來編輯背景。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 16 1

也有提供不少範例可套用,包括實景和卡通樣式的畫面。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 17 1

用個沙漠吧,成為在沙漠中手足舞蹈的貓咪。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 18

再加入第二個角色,從範例庫放一隻小恐龍進去,也來換個顏色。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 19

一樣給他個音效、動作及事件。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 20

完成後就按右上角的分享鍵,記得要登入帳號才能分享。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 21 tile

切換到專案頁面,分享出去的畫面也是這個,可再輸入要顯示的備註及操作說明,或切回程式頁面更改任何設定,快來玩玩吧。

Scratch - 線上也能自學簡單的電腦編程,以活潑的方式編寫屬於你的互動媒體 22

Scratch 相關資訊:

Categorized in:

線上工具/服務,

Last Update: 2018 年 07 月 21 日