Category Archives: scratch

[教學文] 當Scratch 3.0連接上micro:bit 驚人的創意產生了⋯⋯

作者/攝影

撰寫:宗諭

圖片:freepik

文章分類教學技術文
時間1hr
成本

材料表
  • micro:bit*1(如欲購買,請洽機器人王國

  • USB2.0 A公 to Mini-B/公傳輸線*1

之前阿吉老師曾拍攝過一段影片,也同步發表了一篇文章,向大家解說如何運用Scratch 3.0介面連接LEGO EV3機器人,獲得許多讀者的迴響。因此,CAVEDU教育團隊再接再厲,將透過本文跟大家分享,如何運用Scratch 3.0介面連接時下最夯的micro:bit。一起來操作吧!

 

Step1:點選程式左下角的「擴充功能」

圖1

 

Step2:在擴充功能頁面中,點選「micro:bit」。

圖2

 

Step3:若您首次嘗試用Scratch 3.0連接micro:bit,將跳出一個視窗,詢問:(1)確定已經安裝並執行Scratch Link;(2)檢查藍牙是否開啟。直接點選「?幫助」即可。

圖3

 

Step4:根據您電腦的作業系統是Windows或macOS,下載並安裝適合的「Scratch Link」。筆者的電腦是Macbook air,但在Windows作業系統上的操作步驟也是大同小異的。

圖4 點擊藍色按鈕,下載並安裝「Scratch Link」。

 

Step5:安裝好「Scratch Link」後,在您的電腦的程式集中點擊Scratch Link的圖標,啟動Scratch Link。

圖5 啟動Scratch Link

 

如果Scratch Link有成功被啟動的話,應該會有小圖標顯示在工具列上,如圖6。

圖6

 

Step6:將micro:bit連接至電腦

圖7

 

Step7:接下來,要下載Scratch micro:bit HEX檔案。請點擊圖中箭頭指示處。

圖8

 

小知識:HEX檔案是什麼?

HEX文件檔案是嵌入式軟體開發中,經常可見的數據格式,常被用來保存單晶片或其它處理器的目標程序代碼。而HEX文件包含了地址資訊,所以在燒入或下載HEX檔案時,一般都不需要使用者指定地址資訊。

 

Step8:然後,我們要把剛剛下載的HEX檔案,拖曳至micro:bit中,如圖9。

圖9

 

Step9:讓我們回到Scratch 3.0編輯器,選擇「擴充功能」,點選「micro:bit」。

圖10

 

Step10:會看到圖11的畫面,按下「開始連線」。

圖11

 

這樣就連線成功了,請參考圖12。接下來,讓我們回到Scratch 3.0編輯器進行一點小測試。

圖12 連線成功!請點選「回到編輯器」。

 

回編輯器後,可看見指令積木區當中,多了一個micro:bit指令區,見圖13。

圖13

 

然後我們拉出兩個指令積木:「when A button pressed」及「display Hello!」,然後組合起來,如圖14。

圖14

 

現在,按一下micro:bit上的A按鈕,是不是看到LED矩陣閃爍出「Hello!」呢?接下來,就是讀者們發揮創意的時間囉!

 

相關文章

[教學文] 老爸,父親節快樂!!自己動手做互動式父親節卡片 from Scratch

今天就是一年一度的父親節囉!!讀者們想好要送什麼給最親愛的老爸了嗎?

 

刮鬍刀,恩,老爸好像已經有了;領帶(搔搔頭),不知道要選什麼款式好?吃大餐,好像會發胖耶;按摩椅,似乎有點超出預算。那⋯⋯就用Scratch來幫老爸設計設計一張互動式卡片好了!

 

會不會很難啊?沒問題,就讓我們CAVEDU教育團隊一步步引導您吧!Let us code.

作者/攝影

撰寫:宗諭

圖片:pixabay

文章分類教學技術文
時間1hr
成本

難度*(1-10)

Step1:先申請一個Scratch帳號。透過建立Scratch帳號,我們可以在Scratch中「分享、儲存」所有的專案。

圖1

 

Step2:點選「Join Scratch」後,會跳出一個視窗,按照上面的步驟即可建立Scratch帳號。

圖2 按照指示一步步操作,即可建立Scratch帳號。

 

Step3:帳號建立後,讓我們開始製作互動式父親節卡片吧!有看到螢幕左上邊有一隻小貓嗎?請將滑鼠移至它的身上,按下滑鼠右鍵,然後選擇「刪除」,小貓就被刪除而消失了。

圖3 先把小貓刪除

 

Step4:在Scratch中,人物和物體都叫做「角色(Sprites)」。有4種方式可以在Scratch中增加角色,以下一一介紹:

1.從範例庫挑選角色

圖4 用滑鼠點選範例庫

 

圖5 範例庫內有許多角色可供挑選

 

2.自己繪製新的角色

圖6 點選「自行繪製新的角色」

 

圖7 Scratch介面右方,出現了一個類似「小畫家」的繪圖介面,讀者可在其上繪製自己的角色。

 

3.上傳自己的圖像或角色

圖8 點選「從電腦中挑選角色」,便可以從電腦中挑選適合的照片作為角色。

 

4.從網路攝影機拍一張照片作為角色

圖9 點選圖標,若您的電腦有安裝網路攝影機,即可開啟並進行拍照。

 

Step5:那我們先從角色範例庫中,選擇一個角色。因為是要送給老爸的互動式卡片,那我們就挑選一個「禮物」的角色。

圖10 點選「禮物」角色,並按下「確定」。

 

Step6:那我們現在就讓「禮物」角色產生一些祝福老爸的話,然後加強角色的互動性。

1.在指令積木區塊,讓我們先點選「外觀」。

圖11 點選「外觀」,可以看見下面有許多指令積木。

 

2.先拉出一個包含時間的「說出」指令積木,然後把文字改成「爸爸」,時間改成「3」秒。

圖12

 

3.再拉出一個不包含時間的「說出」指令積木,並把文字改成「祝您父親節快樂!!」,並與2.的積木組合在一起。

圖13

 

4.現在角色還沒有互動性,所以,讓我們從「事件」程式積木指令區中,取出「當角色被點擊」指令積木,然後與之前兩個步驟的指令積木組合在一起。

圖14

 

5.現在,用滑鼠點擊一下「禮物」角色,禮物是不是說話了呢?

圖15 透過「事件」指令區中的指令積木,我們幫角色增添了互動性。

 

這只是小小嘗試,您也可以發揮自己的創意,幫老爸製作互動式卡片。比方說,您可以把自己的照片作為「角色」,然後運用剛剛的方式,讓角色對爸爸說話⋯⋯等等。接下來,我們要幫互動式卡片增加背景。

 

Step7:增加「背景」有四種方式,跟前面提到的增加「角色」十分類似,請參考圖16、17。

圖16 增加「背景」的功能列位於Scratch介面的左下方

 

圖17

 

Step8:就讓我們從範例庫中增加一個背景

圖18 讓我們增加一個「party」背景

 

圖19 卡片會如此呈現

 

Step9:現在讓我們互動式卡片增加一點聲音。點選「音效」標籤,可以看見1.音效範例庫;2.錄音;3.從電腦檔案中增加音效。

圖20

 

Step10:讓我們從音效範例庫中增加一段音效

圖21 選擇「人類」類別中的「clapping」音效,並按確定。

 

Step11:如何把音效加入互動式卡片呢?讓我們回到程式區,從「音效」指令積木櫃中,取出「播放音效……到底」指令積木,並組合在前面指令積木的下方。

圖22

 

點擊一下「禮物」角色,是不是有拍手的聲音呢?

 

Step12:也許讀者們會有一個問題:「當我們分享這個互動式卡片給老爸時,他要怎麼樣才會知道如何互動呢?」OK!現在,就讓我們增加一些指示。打開「事件」指令積木區,取出「當 綠色旗子 被點擊」指令積木。然後再從「外觀」指令積木區中,取出不包含時間的「說出」指令積木,並在「說出」指令積木上,寫下「請點擊禮物一下」。

圖23

 

現在點擊一下Scratch介面中上方的「綠色旗子」,是否出現了指示呢?

圖24

 

Step13:最後,就是要分享我們的互動式卡片囉!點選Scratch介面右上角的「分享」,然後進入到專案頁面,填寫「專案名稱」、「操作說明」及「備註與謝誌」。最後,點選右上角的「分享」,就大功告成了。

圖25

 

圖26

 

圖27

 

現在,把專案網頁上的網址寄給老爸就可以了。趕快動手製作最酷、最炫的互動式卡片給老爸吧!

圖28

 

備註:這篇文章是以Scratch 2.0編寫而成,但目前MIT Scratch團隊已發佈Scratch 3.0的Beta版,所以讀者們也可以運用3.0版製作互動式卡片,而互動式卡片的指令積木如下圖:

圖29 Scratch 3.0的操作方式與2.0並沒有很大差異,但選擇角色、背景及音效的位置不太一樣。

 

相關文章

[教學文]久等囉!Scratch 3.0可以與Lego EV3 機器人連線了!

作者/攝影曾吉弘
文章分類

教學 (介紹性)

時間0.5小時
成本
難度**(1~10)
材料表

Scratch 3.0 preview版

八月快到了,對於全球Scratch的使用者來說,最引頸期盼的就是Scratch 3.0的發佈。雖然許多功能仍在緊鑼密鼓製作的階段,但Scratch團隊已在3個月前提供了Scratch 3.0 preview版。今天阿吉老師也發現,在擴充功能中的Lego EV3與Micro:bit皆可以使用了,一起來玩玩看吧!

 

CAVEDU教育團隊有參與正體中文的翻譯,若您覺得哪個語詞可以更好的話,請截圖跟我們說喔!另外,還記得阿吉老師曾與Mitchel Resnick教授聊過Scratch 3.0的影片嗎?來聽聽看M教授想對台灣使用者說的話吧:


那就開始吧!

 

STEP1:請用瀏覽器開啟Scratch 3.0 preview版,主畫面如下:

圖1

 

STEP2:點選右下角的extension,並點選 Lego EV3。此時,系統會開始尋找是否有可用的EV3,先跳過沒有關係。

圖2

 

若您的電腦還未與Lego EV3主機進行藍牙配對的話,請參考本頁說明。首先要下載一個小檔案名為「ScratchLink」,這個檔案Windows/MAC作業系統皆支援。

圖3

 

點選下載,解壓縮後安裝即可。

圖4

 

也有說明如何讓電腦與Lego EV3進行連線。

圖5

 

實際上,只要點選Lego EV3指令區的連線icon就可開啟連線畫面,只要先打開EV3的藍牙就可搜尋了(預設的配對密碼為1234)。

 

連線、斷線皆相當方便,操作上可感受藍牙傳輸的延遲,也可從Lego EV3指令區的連線icon 為打勾或驚嘆號,看出是已經連線或尚未連線等狀態。

圖6

 

 

圖7

 

圖8

 

頁面下方有提供入門範例,都相當可愛。

圖9

 

寫一個簡單的範例看看吧!以下是實際執行的影片:

圖10

 

 

也可以這樣試試看喔!

圖11

 

圖12

 

今天阿吉老師便介紹至此,日後若有Scratch 3.0的相關消息,我們也會以最快的速度,幫大家進行相關介紹,敬請期待!

相關文章

[翻譯] 2018.06.19- 根據MIT Scratch Team,Scratch 3.0的3大重點

原文作者

MIT Scratch Team

紀錄攝影
翻譯宗諭訪問地點
訪問時間

原文刊登日期:2018年6月18日

 

簡單說,不囉唆,Scratch 3.0要上線啦!

 

Beta版預計2018年8月上線,正式版預計2019年1月2日上線。

 

  然而,在Scratch 3.0上線前,有3件事您需要知道:

  1. Scratch 3.0將有更多創作與分享的方式

  • 將可在平板電腦上創作、分享及組合專案。

  • 將有數十個新的角色、背景及聲音可以選擇。

  • 透過新的繪畫與聲音編輯器,將更容易組合並控制角色、音樂及聲音。

  • 伴隨著新的延伸系統,孩童可以替實體裝置(例如Micro:bit)與網路服務(例如Google翻譯)撰寫程式。

圖1 Scratch 3.0將有更多不同角色

2.對於Scratch新手,Scratch 3.0有新的支援服務

  • 對於初次使用者,有新的編輯體驗。

  • 新的教學短片

  • 更新「Scratch活動卡片」與「教育者指引」

  • 透過哈佛大學ScratchEd的朋友們,更新了「創意運算課程(Creative Computing Curriculum)」。

  • 透過「Code Club」與「CS First」的朋友們,更新了教學文件。

圖2 新的教學短片

 

3.然而,Scratch 3.0仍是那個你熟悉且喜愛的Scratch!

  • 所有現存的專案和帳號將可繼續在Scratch 3.0上使用

  • 所有現存的程式積木都還在(而且我們還會增加新的程式積木)!

  • Scratch 3.0將有諸多不同語言的版本

  • Scratch 1.4和0的離線版本仍可繼續使用

  • 對每一位使用者,Scratch仍然免費(萬歲)!

 

  詳情請見原文:https://medium.com/scratchteam-blog/3-things-to-know-about-scratch-3-0-18ee2f564278

 

相關文章

[Scratch]Scratch Day 2018

 

作者/攝影

曾吉弘

文章分類

活動紀錄

時間
成本
難度
材料表

 

  5/12對於全球的Scratch使用者來說是個大日子,今天就是2018的Scratch Day!自2006年發佈以來,已經是第十三年了。來自世界各地的大小朋友齊聚一堂,一齊歡慶Scratch帶給大家的各種樂趣。阿吉老師(就是我)人在MIT當然也不能錯過啦,對於Lifelong Kindergarten(本文後簡稱LK)團隊,把兩個小時規劃得毫無冷場熱鬧非凡,令我非常佩服。

 

  另一方面,許多攤位乍看之下都是一個亂字,但這符合Mitchel Resnick在LCL課程中提到的 tinkering(修補式學習)精神,雖可能在一定程度上看起來亂糟糟,其實所獲得的遠比「完成這件事」來得更多。失敗的經驗也是很可貴的呢。

 

  當天活動從10:00開始至11:40左右結束,雖然不到兩個小時,但感覺得出每個攤位皆精心規畫過,不管年齡、身分皆可找到一個位子同樂喔!平常很安靜很學術的Media Lab,搖身一變成了遊樂場,熱鬧非凡!Media Lab一樓變成報告處,大廳也掛起了超大的Scratch小貓海報:

 

 

  先來回顧一下,在2017年,全世界共舉辦了500場左右的Scratch day(只要你願意,三個人在一起也算喔!)

 

  穿著藍色T-shirt的LK團隊,逐一上台介紹今天各自負責的攤位,也有不少青少年志工。不知道該如何可以擔任志工,被選上應該會很開心吧!

 

  這個背影就是Mitchel Resnick教授。他的身高應該有190公分,在現場是很好認的。此外,他也受邀參加了5月18至20日,在加州 San Mateo舉辦的Maker Faire Bay Area 進行分享。

 

 

  當天的活動使用了Media Lab的六樓及部分的五樓,分成諸多主題,包括音樂、互動、繪畫、機器人、說故事分享、大型裝置(big things)及烤餅乾(Computational cookies & Codeable cupcakes),詳細如下圖:

 

  活動即將展開,布置得很華麗。

 

  整桌的勞作材料,看了就讓人開心!

 

  這個桌子在示範顏色偵測,有注意到畫面右上角的webcam嗎?小朋友使用樂高積木排在紙上,就可以做出牆壁或水溝,讓角色在遊戲裡跳來跳去。

 

  樂高桌一擺出來,小朋友就不想走啦!

 

  你可以把自己的Scartch專案,在這個大螢幕秀出來給眾人看,也可以接大按鈕來玩。

 

  這個就是大按鈕,可以看到裡面是一個開關接到makey makey板子,再以USB線接上電腦,Scratch便可以知道按鈕有沒有被按下。

 

  另一個使用makey makey的作品,既是翹翹板又可以當成飛機的操縱桿來使用,鋁箔接觸到盤子就會觸發,概念十分簡單。

 

Light play:小朋友使用Scratch,搭配簡易的感測器控制馬達、燈光。

 

  登記Share & Tell 的時間表。每人只有三分鐘,一下就額滿囉。

 

  每個人皆有機會與來自世界各地的玩家碰面。

 

Art bot:Scratch + Wedo,在畫布上畫出簡單的樣式。

 

  看到畫成這樣,就知道有多受歡迎啦!

 

 

  這是傳說中的 Computational cookies 和 Codeable cupcake。現場選好Scratch角色後,做出簡單的樣式(當然也是用Scratch),直接用印表機搭配可食用顏料印出來後,放上餅乾就可以吃了,真的很捨不得吃啊!

 

  這是大頭貼機。有許多道具讓大家拍照,並拿貼紙回家。

 

  現場有看到LK團隊自行設計的Scratchbit,預計明年上kickstarter募資。使用藍牙與電腦連線,有光感測器、加速度計(XY軸)、陀螺儀(Z軸)與指示LED,看來是下一代主推的互動體感核心元件。目前外殼皆是用3DP製造。MIT人員表示,是新設計的電路,所以應該與Micro:bit無關。

 

  從影片可看到操作效果相當靈敏,雜訊處理後的效果也很不錯。現場的3D列印配件,讓Scratchbit可以裝在球拍、呼拉圈、鏟子或帽子上,好想趕快入手啊!

ScratchBit影片

 

  裝在呼拉圈或是桌球拍上都是不錯的應用喔!

 

  這是玩具屋,擺滿了各式各樣Scratch結合硬體的應用,樂高的EV3與Wedo都在這邊。

 

現場拍攝的影片集錦:

 

更多照片請看這:

 

相關文章