Category Archives: Scratch

[教學文] What!智能寶比可遙控!!沒錯,用超級搭檔LinkIt 7697 + Robot Shield達到(文末有彩蛋喔)

作者/攝影

文:Mason Chen (Mason亦為遙控智能寶比的作者,特此致謝!)

圖:Mason Chenfreepik (主題圖片背景)

文字潤飾:CAVEDU 宗諭

文章分類教學技術文
時間

成本

難度

材料表
  • LinkIt 7697*1

  • Robot Shield*1

  • 寶工智能寶比*1

  • 用來遙控的手機 *1

近來,不少Maker皆喜愛把現成的套件、模組加以改裝,置入開發板,例如LinkIt 7697、Arduino系列⋯⋯等等,使改裝後的套件、模組有更、更聰明的應用。比如之前我門曾專文介紹過的Wall-E機器人,便是一個很好的例子。

 

接著這股趨勢,本文所要介紹的,是由Mason Chen大大所改裝,可用手機的低功耗藍牙遙控的AI智能寶比。

 

寶工(Pro’s Kit)出品的「AI智能寶比」是一款智慧型機器人,能與8歲以上的小朋友一起互動、遊玩。它配有紅外線感應器,因此具備避障的功能,經過Mason的改裝後,把原先的紅外線感應玩法,改換成以手機的低功耗藍牙( BLE )進行遙控。

圖1 卡哇伊的智能寶比

 

小知識:什麼是低功耗藍牙(Bluetooth Low Energy,簡稱BLE)?

低功耗藍牙是一種個人區域網路技術,多應用於醫療保健、運動健身、家庭娛樂⋯⋯等領域。顧名思義,低功耗藍牙跟經典藍牙相比,目的在於保持同等通訊範圍的同時,顯著降低功耗及成本。根據藍牙技術聯盟(SIG)預測,至2018年,高於90%有藍牙的智慧型手機將支援低功耗藍牙。

 

接下來,我們就要進到硬體改裝部分:

 

Step1:把寶比的頭部拆下來,並且以斜口鉗或適當工具,把原先的電池檔板破壞掉。這部分會需要花點時間,且要小心處理,只破壞裏面,外殼要保留好。 處理完後可試擺LinkIt 7697與MiniPlan出品的Robot Shield,看看是否可以完全置入。

圖2

 

圖3

 

圖4

 

Step2:把原先的馬達插頭,按照圖5中所標示的,連接至 Robot Shield 中。

圖5

 

Step3:再把寶比的頭部小心地裝回去。這樣,硬體部分就完成了。

 

再來,是軟體開發部分:

Step1:我們使用 LinkIt 7697 arduino 進行開發。

  • 設定好Arduino IDE的環境,並燒錄已經寫好的程式至LinkIt 7697 中。
圖6

 

Step2:手機端請下載LinkIt Remote APP

  • 請打開手機藍芽,以及Robot Shield的電源。
  • 開啟 LinkIt Remote APP,順利的話,便可以找到已改裝好的寶比。
圖7

 

  • 按住Joystick移動,便可遙控寶比了。
圖8

 

文末彩蛋:透過Scratch 3.0遙控智能寶比

還記得之前的一篇文章,教大家運用Scratch 3.0連接micro:bit嗎?在Masen Chen大大的努力下,現在Scratch 3.0也可連接LinkIt 7697,進而控制智能寶比囉!其基本原理仍是運用Scratch Link連接Scratch 3.0與LinkIt 7697,然而,因Scratch 3.0並不支援LinkIt 7697,所以在運用Scratch Link之外,LinkIt 7697的韌體及Scratch 3.0上的指令積木皆必須重寫。至於如何撰寫、操作,就請各位讀者多跟Mason Chen大大交流了。

 

備註:若想購買相關開發板,請點這裡,謝謝。

 

相關文章

[教學文] 當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都在這邊。

 

現場拍攝的影片集錦:

 

更多照片請看這:

 

相關文章

Mitchel Resnick教授給台灣孩子、家長與教學者的一段話

作者/攝影曾吉弘

 

CAVEDU與Mitchel Resnick教授的淵源相當深,要說是這行的祖師爺也不為過。阿吉老師早在大學時代就與M教授碰面過了,他從1999年的RCX(甚至更早的Cybermaster與Scout,沒聽過了吧~) 就開始與樂高公司在 Mindstorms 系列上有密切合作,所以M教授在2004 Mission Mars 與2006 NXT 發表兩次訪台時都有幸與他見面過。

 

Scratch從2006年誕生以來,介面與風格可說是沒什麼變動。相較於軟體上大家都在追求”還要有什麼?” 我反而佩服的是M教授說過的”我們要保留哪些核心功能?”

人生能有幾個15分鐘能與心目中的大師聊天?2016年來MIT受訓時,好不容易才和他約吃早餐,把我們出版的[Scratch 數位互動我最行]致贈給M教授。更何況這次來美國將近半年,知道他就在斜對角300公尺外的Media lab,心情可是大大不同。

M教授對於即將在今年八月上線的Scratch 3.0非常非常期待(他用了super super excited),期待能幫助所有的孩子們”創意思考 (think cratively) “並成為”創意思考者 (creative thinker)”,這正是LCL課程的核心觀念所在。如果大家想要多了解 Lifelong Kindergarten小組的理念的話,建議一定要看看Learning Creatvie Learning的課程網站,六周課程每周都非常實用且精彩。CAVEDU教育團隊很高興能協助LCL網站與課程內容的繁體中文化,並於2016 17年度與台灣Intel公司協助推廣Computer Clubhouse,M教授認為這某方面來說可視為maker space的源頭。

 

對於Scratch 3.0,他題到了以下幾點功能:

  1. mobile device better
  2. extension
  3. 網路服務 (在此提到一個Scratch結合Spotify的範例)

 

這次抓緊機會請他錄一段影片給台灣的大家,也讓他與團隊同仁知道台灣在使用Scratch教學上非常活躍。期待他有機會能再來台灣。

 

M教授在訪談中提到學習如何創意性思考、系統性推理,還有彼此合作來完成事情,這些技能可說是前所未有地重要。Lifelong Kindergraten小組會變得更開放來堅持Scratch的原初精神。讓大家在運用Scratch來”做什麼”與”怎麼做”等方面有更多可能性。我也非常期待看到台灣的小朋友們運用Scratch 3.0所完成的作品。

當天也感謝謝宗翰(目前在Meida lab Biomechanics小組攻讀博士,領域為機器義肢/腳)協助訪談與拍攝照片喔。這個樂高桌子實在是太搶鏡頭了~

 

更多照片

從Media lab一樓大廳走上去到4樓就是Scratch大本營

大廳中央有用樂高完成的Media lab建築模型,好精緻啊

挑高樓中樓,採光非常好,基本上除非陰天不然白天不太需要開燈。

每個小角落都充滿驚喜呢,可以看到 Scratch結合各種裝置的應用:樂高Wedo, Boost、Microbit、Makey Makey,還有他們自己作的硬體等等。也可以看到歷代樂高的智慧型積木主機,一下子就快20年過去了啊~

 

相關文章:

[情人節快樂,自製屬於自己的Google doodle吧!] 使用Scratch設計Google doodle 互動小動畫

本次Google與Scratch公開教學剛好搭上了二月的情人節節慶,也維持著Google doodle的老傳統(每當節慶時都會有特別的字樣設計或是互動式小動畫),結合了Scratch的圖形化程式後讓人人都可以成為Google doodle設計者,這樣的想法真的是很棒呢!

作者/攝影  曾吉弘
時間  1小時或看您想要花多少時間!
成本
難度 * *
材料表可連網之個人電腦

 

Google與Scratch聯手推出基礎教學課程,告訴您如何自行設計 Google doodle,就是在Google 首頁看到的各種以Google字樣為主的簡易小動畫,還有12堂基礎課程,有興趣的家長老師們可不要錯過喔!

由此進入教學網頁,看完教學影片請點選右邊的 “Starter Project” 就會進入這次主題的 Scratch 樣板,相關的圖檔與效果檔都已經預先載好了。

開啟專案會看到基礎的Google字樣,每一個字母都是一個獨立的角色(sprite)。已經玩過Scratch的朋友到此應該已經一頭栽進去了,馬上就有很多東西可以玩啊~

您可以點選某個字母之後點選造型(costumes),可以看到本專案已經預先提供了非常多可愛的造型。

那沒學過的呢?別擔心,網頁下方一共有12個基礎課程,每一個課程都有影片,邊看邊學很方便 (以下按照原文順序翻譯):

切換角色(Switch Costume)說說話(Say Something)
加入背景(Add Backdrop)改變顏色(Change Color)
編輯、畫畫或加入字母( Edit, Draw or Add Letters)追著滑鼠跑(Chase)
修改舞台(Change Scene)讓字母旋轉(Spin)
字母隨機移動(Jumble Letters)讓字母消失(Disappearing Sprites)
讓字母隨著音樂畫遍(Dance Whirl)字母彈跳球(Bouncing Sprites)

 

這是阿吉老師做到一半的截圖,一起來玩玩看吧!

您當然也可以結合目前很熱門的實體運算概念來與真實世界互動,例如Scratch board、Arduino與樂高Wedo等等都是很不錯的喔!

 

相關文章:

[Scratch1.4]從零開始遊戲製作-足球篇

「運動」,一直是遊戲製作中,歷久不衰的主題之一,像是EA SPORTNBA LIVE,還有FIFA,在早期任天堂時代,熱血系列也推出了足球的遊戲。而今天,我們要用Scratch這套軟體,製作出一款足球小遊戲,讓我們先來看一下遊戲的進行畫面吧!

(遊戲圖片來源:

http://www.baike.com/wiki/%E8%B6%B3%E7%90%83%E5%9C%BA%E5%9C%B0

http://www.mathland.idv.tw/fun/football.htm

http://588ku.com/image/sanjiaozhui.html

作者/攝影 郭皇甫
時間  2小時
成本 時間即是成本
難度 * * * *
材料表

<iframe allowtransparency=”true” width=”485″ height=”402″ src=”//scratch.mit.edu/projects/embed/171355158/?autostart=false” frameborder=”0″ allowfullscreen></iframe>

這一款足球小遊戲以人物運球繞過障礙物的同時,吃掉金幣過關,遊戲操作方式相當簡易,使用鍵盤的上、下、左、右鍵操控人物移動。本篇文章會教您製作出這款小遊戲的簡易版,當您上手後就能自行增加關卡的難易度與障礙物的多寡,以下我們針對角色、場景、音樂分別說明如下。

 

角色:

匯入角色

在Scratch中,圖片是相當重要的因素之一,從一開始製作遊戲時,我們就要決定匯入哪些角色?而這裡的角色指的就是圖片,包含人物圖片、物品圖片、介面圖片…等。而在這款遊戲裡,我們需要一位人物圖片,以及三個物品圖片,請先按照以下步驟操作。

Step1在右下角的後台區內,按下「開啟角色檔案」

圖01 開啟角色檔案

 

Step2選擇人物圖片的資料夾,並按下確定後新增。(您可以在網路上搜尋您想要的人物圖片,建議使用png檔,已經去背的圖片會較方便)在後台區與舞台區裡,您就可以看到已新增的人物圖片。

圖02 選擇人物圖片

圖03 新增角色成功

 

以同樣的方式,我們再新增三張物品圖片,分別是足球、三角錐、金幣。

圖04 新增另外三張角色圖片

 

在圖02中,我們可以看到人物有四張類似的圖片,仔細觀察每一張都有些微的不同,這叫作「連續圖片」。在圖片的類型中,有一種GIF的動態圖片,其實就是由一張張連續圖片所組成,您也可以在網路上搜尋關鍵字「.gif」。當您擁有一張動態圖片後,您可以有二種方式將它變成數張靜態圖片。1.匯入至Photoshop後另存圖層為png檔;2.進入網站http://www.zamzar.com/convert/gif-to-jpg/,將圖片轉存成數張png檔。如此一來,我們就能將這些靜態圖片匯入至Scratch中使用。

 

Step3.匯入連續圖片造型。點選腳本區的「造型」,按下「匯入」,將剩餘的人物圖片匯進來。

圖05  在造型中匯入圖片

圖06  匯入其餘三張人物圖片

編寫程式

接下來我們要命令這些角色做一些事情,其實在遊戲製作的過程裡,每位角色要做的事情都各有不同,但都會有一些共同的設定,例如起始位置,這可以讓您的角色在一開始就決定好位置,不管遊戲執行得如何,只要重新開始遊戲,就又會在原本設定的位置上,非常方便,接著請按照以下步驟進行。

 

Step1.設定角色大小。在舞台區最上方有四個圖案,找到並按下最右邊的「縮小角色」,將滑鼠移到舞台區的角色上後,重複點擊滑鼠左鍵,將角色尺寸縮小到適當的比例即可。

圖07  縮小角色尺寸

Step2.設定起始位置。首先在舞台區上,移動滑鼠至人物上並按住滑鼠左鍵,拖曳人物到您想要的位置上後放開,接著點選抽屜區裡的「控制區」與「動作區」,拖曳以下的積木方塊至腳本區。其餘角色的起始位置也是用同樣的方式設定。

圖08  設定起始位置

Step3.按下鍵盤上、下、左、右鍵控制人物移動。在「控制區」中拉進「重複執行」與「如果」,並找到「偵測區」裡的「按下空白鍵」,將其改為鍵盤的上、下、左、右鍵,接著分別在「動作區」與「外觀區」拉進「面向_方向」、「移動10步」、「下一個造型」,並將「移動10步」改為「移動2步」。執行後您會發現移動時圖片翻轉了,這時您只要在腳本區最上面的角色圖片旁邊找到三個按鈕,按下中間的「只允許左右翻轉」,如此一來,圖片就不會再翻轉了。

圖09  設定只允許左右翻轉

圖10  使用上下左右鍵控制人物

Step4.足球造型設定。讓足球在移動的同時能夠有滾動的效果,請先切換至足球的造型區,點選「複製」,在複製出來的足球旁點選「編輯」後,會出現繪圖編輯器,請按下最左邊第四個按鈕「順時針旋轉」,讓足球圖片的角度與前一張不同即可。請再複製二個足球圖片,並按照上述方式旋轉圖片。

圖11  複製出一個足球

圖12  順時針旋轉足球

圖13  作出四個不同角度的足球

Step5.足球動作設定。足球被人物碰到時,會往人物的反方向滾動,所以滾動的條件是「碰到角色一」和「按下方向鍵」,移動方式與人物設定相同。這裡要注意的是,足球被踢到後只會滾動一段距離,並不會一直滾動,所以我們設定固定次數,讓足球可以自己跑一段距離。

圖14  足球移動條件設定

三角錐與金幣

足球設定好之後,接著要設定障礙物與金幣,這二個物品的設置相當簡易,障礙物只要設定成「碰到足球時,讓角色一和足球回到原點」;而金幣只要設定成「碰到足球時,隱藏自己並加分」。

Step1.設定三角錐。除了設定起始位置外,再加入「如果碰到球,則廣播home」,在這裡需要新增一個「廣播」,並命名為home,它的作用是讓角色一和足球接收到廣播後,就會回到起始位置。

Step2.設定廣播home。當角色一與足球接收到廣播home時,便要能夠回到起始位置,所以我們要分別在角色一與足球裡加入以下程式。

圖16  角色一回到起始位置

圖17  足球回到起始位置

 

Step3.設定金幣。我們讓金幣做出「碰到球則隱藏自己,並加10分」的效果。為此,我們在「變數區」裡新增一個變數,並命名為「分數」。接著,加入「重複執行偵測如果碰到足球,則隱藏並加分」。

圖18  新增變數

圖19  將變數命名為分數

圖20  金幣的程式設定

背景:

設定背景

在背景中,除了要匯入圖片外,也要設定計時與計分的功能,同時,開始遊戲與結束遊戲的畫面也會一併在這裡設定。

 

Step1.匯入圖片。點擊後台區的舞台,按下腳本區的「背景」後,按匯入,將背景圖片匯進來。並在繪圖編輯器裡,按下「放大」,將背景圖片覆蓋整個舞台區。另外,我們再使用畫筆在背景的左右二邊,各繪製一條紅色的直線,作為場地的邊界線。

圖21  點擊新增背景的匯入功能

圖22  匯入背景

 

圖23  按下放大背景

圖24  繪製二條紅色邊界線

Step2.背景程式設定。在背景裡我們需要設定「計時器」什麼時候開始計時,什麼時候停止遊戲。在一開始的時候讓計時器歸零,接下來重複偵測「如果計時器大於30秒,則停止遊戲」,分數的設定也可以在這裡加入,即一開始將分數歸零。

圖25  設定時間與分數

Step3.設定開始與結束畫面。在背景裡使用「繪製」或「匯入」來新增二張背景圖,分別代表遊戲開始與結束畫面,在遊戲開始的背景寫上「按下空白鍵開始遊戲」;結束畫面寫上「GAME OVER」,並加入圖26的程式。

圖26  加入遊戲開始與結束的設定

 

Step4.在上一步驟中,我們加入了廣播「遊戲開始」「GAMEOVER」以及「按下空白鍵」的設定,為了讓遊戲執行起來能夠一致,所以在人物與物品裡面,我們也要稍作修改。在一開始按下綠旗與接收到GAMEOVER時,讓人物與物品都隱藏起來,當接收到遊戲開始時,才顯示出來。而在足球裡,也加入「如果碰到紅色,則回到原點」。

圖27  人物設定修改

圖28  足球設定修改

圖29  三角錐設定修改

圖30  金幣設定修改

 

音樂:

最後,我們再匯進背景音樂,讓整個遊戲遊玩起來更有趣。點擊舞台,選擇聲音,點擊匯入,將音樂匯進來後,再切換到程式裡,將「聲音區」裡的「播放聲音」拉進「當接收到遊戲開始」之下即可。(背景音樂您也可以至網路上搜尋可免費分享下載的連結,檔名請使用.wma)

圖31  匯入音效

圖32  加入播放聲音

 

您也可以加入各種變化,例如:使用更多三角錐並排出路線;放置更多金幣或是讓金幣隨機出現;加入不同背景、不同障礙物的關卡增加難度…等,都可以讓您的遊戲表現得更加特別。

 

相關文章:

[ Scratch2.0] 從零開始學習遊戲製作-射擊篇

作者/攝影  郭皇甫
時間  12小時
成本  時間
難度  * * *
材料表
  • 個人電腦 (作業系統可用 Windows)
  • Scratch

談到遊戲,您可能會想到不久前的「Pokemon Go」,而六、七年級生也許會想到「最終幻想」、「勇者鬥惡龍」、「超級瑪琍」,這些遊戲從2D橫向畫面發展到3D立體世界,每一款都深植人心,想要做出好遊戲不容易,所幸在這個世代裡,我們有許多好工具可以使用,本篇文章將與您分享如何使用Scratch軟體,從零開始製作遊戲,首先來試玩一下今天要製作的遊戲吧!

<iframe allowtransparency=”true” width=”485″ height=”402″ src=”//scratch.mit.edu/projects/embed/142876917/?autostart=false” frameborder=”0″ allowfullscreen></iframe>

在製作遊戲前,我們要先知道遊戲本身需具備哪些要素?簡單來說,角色、場景、音樂是組成遊戲最基本的三個要素。遊戲就是構築一個虛擬的世界或情境,讓玩家能夠身歷其境,而「角色」就是玩家在遊戲中的代言人;「場景」是針對遊戲的故事背景、類型而建立的環境;最後也是最重要的「音樂」,除了視覺的刺激也要聽覺的享受,選對音樂能夠讓遊戲加分不少。不管是製作哪一種類型的遊戲,總是離不開這三項基本要素,接下來,讓我們從頭開始製作遊戲吧。

首先要決定這款遊戲的類型,「射擊類」、「運動類」、「反應類」、「益智類」、「動作類」、「角色扮演類」、「策略模擬類」,考慮到Scratch本身無法執行太大的程式,所以我們選擇「射擊類」。這款遊戲有點類似骨灰級遊戲「小蜜蜂」,角色在畫面底下左右移動,並且發射子彈射擊從畫面上方落下的敵人,那麼就請您跟著我們一步一步來設計吧!

角色是玩家在遊戲中的代言人,角色本身的形象、言語、行為能否與遊戲一致,通常會是玩家認同這款遊戲的重點,所以選擇適合的角色也很重要。

 

Step1:匯入角色。

我們先從從網路上下載一張飛機的圖片,並匯入至Scratch角色區內。在新增角色/上傳角色檔案,選擇剛才下載的圖片,確定後載入。

開啟角色檔案

選擇下載的圖片

 

Step2:控制角色。

角色匯入後,我們要讓角色能夠移動,藉由鍵盤上的左、右鍵,控制飛機左右移動,並同時設定角色的大小與初始位置,程式如下。

控制角色左右移動並設定大小與初始位置

Step3:設定子彈。

現在我們已經可以使用鍵盤控制飛機左右移動,接下來我們希望當按下空白鍵時,子彈能夠從飛機射出。首先在新增角色/畫新角色中,繪製子彈的圖案,並且在「控制區」的積木內,找到「建立自己的分身」。一開始讓子彈隱藏起來,等到按下空白鍵時,讓子彈建立自己的分身,產生分身的同時顯示圖案,並且將圖案的y座標重複增加10直到大於170後刪除分身。

按下空白鍵,建立分身

產生分身時,將y座標重複增加10

若要同時射出二顆子彈,則只需在另一顆子彈設定,當分身產生時,將x座標改變30

Step4:設定敵機npc

接著我們要在畫面上方,設定敵機能夠隨機出現,並且當敵機被子彈碰到時,會自動消失並爆炸。程式相當容易,一開始先隱藏,初始化大小與位置後,重複執行建立自己的分身,當分身產生時,顯示並讓分身的x座標在-210~210之間隨機選一個數,這時候敵機要能夠從畫面上方往下移動,直到碰到最底部或者碰到子彈(角色2、角色3),為了製造爆炸的效果,加上條件如果碰到子彈就切換成爆炸的造型(boom2),等待0.2秒後隱藏。

初始化大小與位置並建立分身。

設定當分身產生時,如果碰到子彈或是y座標小於-180則跳出重複執行;加上條件如果碰到子彈時,將造型切換成爆炸的圖片。

Step5:設定血量、音效。

我們將敵機與主角機設定完畢後,接下來要制定出主角機的血量以及發射子彈與爆炸的音效。首先在新增角色/從範例庫中選擇角色,找到愛心的圖案,複製出3個後,設定初始位置與大小。主角機的血量應該要在碰到敵機時減少,所以我們要先回到背景裡新增一個變數名為「血量」,並初始化為3。這裡設定條件如果血量變數=2,則廣播heart3消失,血量每減少1,則愛心消失一個,以此類推;同時在npc1中設定當碰到角色1時,血量變數-1;最後分別在三個愛心圖案中設定當接收到廣播時隱藏起來。音樂與音效是製作遊戲時,不可或缺的重要部份,我們從網路上下載射擊和爆炸的音效後,點擊子彈(角色2),選擇音效/新增音效/上傳音效檔案,將下載的射擊音效匯入,接著在「當分身產生」底下加入程式「播放音效」;同理,我們在npc1的音效中匯入爆炸音效,並在程式「切換造型到boom2」底下加入播放音效。

新增角色

從角色範例庫中找到愛心圖案

在愛心圖案中設定初始大小與位置

在背景中新增並初始化變數「血量」,設定條件如果變數分別等於2、1、0時,廣播heart3、heart2、heart消失。

在npc1中增加條件如果碰到角色1,則切換造型爆炸並將血量變數減少1。

分別在三個愛心裡,設定當接收到廣播時,隱藏圖案。

 

在子彈(角色2)和npc1中分別加入射擊、爆炸音效

在角色2中加入播放音效

在npc1中加入爆炸音效

Step6:設定背景圖片、音樂與開始畫面。

最後我們要在背景中匯入適合的圖片,您可以上網找尋自己喜愛的圖片,我們使用新增角色/畫新角色,將背景倒入淡藍色當作天空,並新增三朵白雲。為了讓白雲有移動的感覺,建立分身,並設定讓分身產生在x座標隨機產生,並重複改變y座標。新增背景當作開始畫面,加入「Press “a” to start」字樣,按下a鍵開始遊戲,並加入程式,當按下a鍵,切換到背景2並廣播「遊戲開始」播放背景音樂。

在背景中倒入淡藍色並新增三朵白雲。

分別設定三朵白雲的移動與產生方式

新增開始介面的背景,您可以選擇從範例圖庫匯入、畫新背景、從網路下載並匯入。

設定背景程式,當按下a鍵,則廣播遊戲開始並播放背景音樂。

最後要特別注意的是,我們在背景中設定了條件「廣播遊戲開始」,也就是說,所有的

角色都要接收到廣播「遊戲開始」時,才能開始運作,所以,別忘記替換所有角色的「當綠

旗被點一下」成為廣播「當我接收到遊戲開始」。

 

角色一的「當綠旗被點一下」

角色一的「當綠旗被點一下」替換成「當我接收到遊戲開始」

遊戲製作的基本要素:角色、背景、音樂,您可以利用這三元素不斷延伸、製作屬於自己的小遊戲,熟練以後,您還可以挑戰更複雜的角色扮演與策略模擬遊戲,當然,本作的射擊遊戲中,還可以加入分數、時間、敵機攻擊等豐富的內容,讓小遊戲更完整,Scratch是一款非常好上手的程式設計軟體,對於想快速設計簡單的遊戲獲得成就感的玩家,是不錯的選擇喔!!

 

相關文章:

[用Scratch玩吉他] 我也是個小小吉他手

相似的Scratch Board音樂專案可參考Scratch Board專案設計:觸碰感應手指 小小音樂家

作者/攝影  邱子瑞
時間  製作時間七小時
成本
  • 約2,000元
難度  * * *
材料表
  • Scratch board
  • Seeed線性滑軌
  • 棉線
  • 橡皮筋
  • 雷切的吉他外觀
  • 電工膠帶
  • 剪刀

今天介紹的是使用Scratch軟體搭配Scratch Board與多種複合媒材製作而成的一台吉他,一台真正可以撥弦的吉他!

首先我們先來好好了解一下吉他吧!

們先列出五個重點介紹,不足的下面都會有補充

  1. Scratch Board
  2. 雷切外殼的一部分,負責卡住橡皮筋
  3. Seeed滑桿
  4. 吉他弦,以棉線製成
  5. 雷切外殼的一部分,負責卡住棉線

 

第一步:

當我們將雷切外殼組裝好後,鎖上Seeed線性滑軌後,拿出Scratch Board附贈的線,紅色的夾子接上滑軌得電源線(紅),黑色的夾子接上滑軌的訊號線(黃),Scratch Board接上電腦電阻值有改變就成功了,成功後將電線相接的地方用電工膠帶纏繞固定防止脫落與短路,如此重複四次即可。

 

第二步:

將橡皮筋套住吉他硬體與Seeed線性滑軌的手把,使其有一彈力向上,再剪適當的棉線長度綁住滑軌手把,拉往與橡皮筋反方向的地方與吉他硬體固定,如此重複四次,我們的弦就完成了。

▼ 棉線打結後放入凹槽藉此卡住▼

吉他硬體原理:

當手撥動棉線,線性滑軌會跟著移動,線性滑軌移動,Scratch的到的電阻值就會改變,觸發城市發出聲音。當手鬆開棉線,滑軌會因為橡皮筋的彈力彈回原本的位置,電阻值回到穩定的值。

 

程式介紹:

這把吉他總共能發出三種不同樂器的聲音,依照Scratch Board滑桿的質區分為三種。貓貓也會跟著不同的樂器改變亮度方便辨識喔!

▼ 小於30是管鐘。▼


▼ 小於30是管鐘。▼



 ▼介於30~70是低音貝斯。▼

▼大於70是電吉他。▼

而吉他的弦被拉動,線性滑軌的電阻值即會改變,當值低於特定的數字就會發出聲音喔!

例如當我撥動最右邊的棉線使電阻A低於41,電腦就會發出高音DO。貓貓也會說出現在播放的是什麼聲音喔!

未來還會相繼推出更多的的用Scratch玩吉他,讓人人都可以是小小吉他手!

 

 

 

 

 

相關文章:

[Scratch教學]小遊戲製作-捕獲!!水箭龜!!

「去吧!!就決定是你了,皮卡丘!」。這句台詞相信許多的六、七年級生都耳熟能詳,沒錯,這就是席捲動畫界與電玩界的日本暢銷動畫「神奇寶貝」,從電玩界改編成動畫都相當地受歡迎,無論是未進化的「皮卡丘」,或是超稀有「超夢」,每一隻神奇寶貝,都是玩家們想要收藏的對象,想要捕獲屬於自己的神奇寶貝嗎?讓我們用Scratch來實現這個夢想吧!

作者/攝影  郭皇甫
時間  12小時
成本
  • 時間就是成本
難度  * * * 
材料表
  • 個人電腦 (作業系統 Windows )

神奇寶貝是許多六、七年級生小時候的夢想,這次,我們利用Scratch來製作這款小遊戲,讓我們先來玩看看這個小遊戲吧!

這個小遊戲是將手中的神奇寶貝球丟出,並捕獲神奇寶貝。因此,我們將整體分為「場景」與「角色」,而角色裡又分為「神奇寶貝」與「寶貝球」,雖然這次的角色較少,但程式可說是相當地多,不多說,我們現在就來跟著做吧!

 

場景:

   步驟一:匯入圖片。

您可以從網路上下載自己喜愛的圖片當作背景圖後,在新增背景中,點選「匯入」,找到剛才下載的圖片並匯入。

 

▼ 匯入圖片 ▼

 

步驟二:編寫程式。

在此遊戲裡,背景的程式相當簡短,主要是初始化變數與接收廣播,並且讓遊戲開始。初始化變數裡,我們新增「球1」、「k」與「神奇寶貝」。球1變數左右了寶貝球的數量,初始值為3,表示一開始有三顆球可以用;變數k表示神奇寶貝有機率不被收服,初始值為0;神奇寶貝變數則代表出現的神奇寶貝,初始值為1。接著是「廣播」,在本遊戲中,廣播占了重要的一環,一開始設定:如果神奇寶貝變數為1,則廣播「水箭龜出現了」。最後,我們設定遊戲開始的條件為接收到廣播「水箭龜出現」,並且加入一個條件「提問並等待」,也就是當答案為「水箭龜」時,則廣播「遊戲開始」。

 

▼ 初始化變數並廣播條件 ▼

 

角色:

神奇寶貝球:

   步驟一:繪製圖形。

首先在角色區裡點選「繪製新角色」,利用圓形及填色將神奇寶貝球畫出。畫好後複製出三個神奇寶貝球。

繪製新角色



▼ 繪製神奇寶貝球 


 複製神奇寶貝球 

步驟二:編寫神奇寶貝球圖示程式。

首先我們讓前三個寶貝球顯示在畫面左邊當作圖示,在接收到廣播「遊戲開始」時,設定初始位置,並且將大小設定為30%,接下來,在三個寶貝球中分別重複執行條件「如果球1=0、1、2,則隱藏」。

 

 寶貝球位置、大小初始設定,並重複執行條件 

步驟三:編寫神奇寶貝球程式。

接下來我們針對要丟出的神奇寶貝球編寫程式,這裡需要較多的說明。首先,當接收到廣播「遊戲開始」時,將圖片移到最上層、大小設定為30%,並將變數「球1」的值-1,這樣在遊戲開始時,寶貝球的圖示就會變成二個。接下來,我們要讓寶貝球能夠隨著滑鼠移動,在變數「球1」尚未小於0時,將寶貝球的y座標固定在-110,x坐標則隨滑鼠移動。我們以x=0為中心,當按下滑鼠在x>0(也就是畫面右邊)丟出時,讓球能夠邊旋轉邊改變大小,且不呈直線移動,重複上述條件直到球的x坐標<0後,面向-80~80的隨機方向,並且在0.5秒內移動到隨機座標。目的是為了讓球作出碰到一個點後反彈的效果。接下來我們要讓寶貝球作出收服的效果,首先廣播「收服」,並且將顏色特效隨機增加50次,緊接著落下後,為了能夠讓寶貝球有左右滾動的感覺,設定變數i值為0.5,並且分別重複執行10次讓球旋轉-4度,x坐標增加-1.2、旋轉8度,x坐標增加2.4、旋轉-4度,x坐標增加-1.2,並且等待i秒之後讓i值減少0.2,以上三個事件全部重複執行3次。最後讓變數k在1~3之中隨機選一個數,並設定條件:如果k=1,表示神奇寶貝收服成功,廣播「消失」,命令神奇寶貝隱藏起來;反之則廣播「出現」。若是在x<0丟出,則設定的內容大同小異。

設定初始大小與變數「球1」值-1 

寶貝球隨滑鼠移動 

在x>0時丟出寶貝球並反彈 

設定寶貝球收服特效 

設定是否收服成功 

在x<0丟出寶貝球反彈

神奇寶貝:

   步驟一:匯入圖片。

在網路上搜尋神奇寶貝圖片,下載後去背並匯入新角色。

開啟角色檔案 

選擇下載的圖片後確定新增 

步驟二:編寫程式。

神奇寶貝的程式相當簡易,首先隱藏並設定初始大小後,清除圖形特效。接下來,當接收到廣播「水箭龜出現了」時,則顯示;當接收到廣播「收服」時,跟著寶貝球將顏色特效隨機增加50次後隱藏並清除圖形特效。最後,當接收到廣播「消失」、「出現」時,則分別隱藏、顯示。

初始設定以及接收廣播。

到這裡,您已做出可丟出寶貝球並將神奇寶貝收服的遊戲了,您也可試著自行再加入更多的神奇寶貝以及背景音樂和特效,會讓遊戲更豐富喔!!

 

本遊戲圖片來源:

https://www.google.com.tw/search?q=%E7%81%AB%E7%84%B0&biw=1518&bih=740&source=lnms&tbm=isch&sa=X&ved=0ahUKEwikzJf0oKnRAhWEF5QKHZtpAAEQ_AUIBigB#imgrc=KyqVVwSur9IUAM%3A

 

相關文章:

[Scratch教學] 聖誕節快樂-小遊戲製作:聖誕老人接禮物

聖誕節快到了,聖誕老人卻還沒有將禮物準備好,全世界的小朋友都在等待收到禮物的那一刻,該怎麼辦呢?別擔心,就讓我們一起來幫助聖誕老人收集禮物吧!!

(本文所有圖片與音樂皆下載自網路)

圖片來源:https://www.tintint.com/occasion/christmas_gift

                   http://www.miankoutu.com/pic/13110

音樂來源:https://www.lds.org/topics/christmas/resources/audio?lang=zho

作者/攝影 郭皇甫
時間  6小時
成本 時間就是成本
難度  * * *
材料表  ❊ 電腦(Windows系統)

❊ Scratch 軟體(Scrach官網可直接安裝)

今年我們用Scratch製作了一款小遊戲來應景,這款遊戲的名稱叫作「聖誕老人接禮物」,利用鍵盤的左右方向鍵來控制聖誕老人的移動,接到了禮物就會加分;若是接到了炸彈就會扣分喔!!讓我們先來實際感受一下整個遊戲吧!!

是不是簡單又有趣呢?這款小遊戲分成「角色」「背景」,角色又分為「人物」「物品」;而背景裡則有「音樂」「分數」「初始值」,接下來讓我們一步一步來說明如何製作吧!

 

人物:

角色決定:一款遊戲裡一定會有主要的角色,首先決定這款遊戲的主角,並從網路上搜尋理想的圖片或是自行繪製出角色,在這裡我們使用從網路上下載的聖誕老公公圖片。由於在角色移動的過程中需要有走路的樣子,因此在搜尋圖片時,可以加上gif或是「連續圖片」的關鍵字,能讓您更快速地找到想要的圖片。

 

搜尋圖片

 

角色移動:決定圖片以後,接下來請您開啟Scratch軟體,並按以下步驟進行。(在這裡我們使用的是Scratch 1.4版)

 

步驟一:匯入圖片。

「新增角色」中點擊「開啟角色檔案」,並找到您在網路上下載或是自行繪製的角色圖片,按下「確定」後即可在角色區看到您的角色圖片。

 

新增角色

開啟角色

新增成功

 

步驟二:新增造型。

由於我們需要角色在移動時能夠有走路的效果,因此我們利用造型切換來達到這個目的。點擊「造型」,在「新增造型」裡選擇「匯入」,將步驟一裡的角色連續圖片都匯進來,如此一來,這個角色裡的造型就有了走路的分解圖片,只要我們切換造型,就能夠讓它看起來像是在走路一樣。

 

匯入造型

匯入成功

 

步驟三:角色初始設定。

一開始將角色的大小、位置以及最先出現的造型設定好,避免在重新執行遊戲時,角色不是在我們想要的位置或大小。

 

步驟四:角色移動。

接下來,我們要讓角色在按下左鍵能夠往左移動;按下右鍵能夠向右移動。因此,在程式裡的順序就是「按下左鍵」「下一個造型」「移動-5步」;「按下右鍵」「下一個造型」「移動5步」。這時,您會發現一個問題,若是圖片裡沒有面向左右二邊的造型,那麼左右移動時就會只面向同一邊移動,還好Scratch有左右翻轉的功能,按下程式區上方的雙箭頭符號,即可讓角色轉向不同邊喔!

使用翻轉功能

按下右鍵、面向90方向、下一個造型、移動5步

按下左鍵、面向-90方向、下一個造型、移動5步(請注意,因為已經面向-90的方向,所以在移動5步裡,並不需要改成負號)

物品:

步驟一:初始設定。

一樣是決定物品的大小與位置,不過在這裡,我們要讓物品有隨機落下的感覺,所以在位置上使用了運算裡的「隨機選一個數」並在最外圍加上「重複執行」,讓物品在隨機的x座標裡出現,並且在一開始加入外觀區裡的「顯示」。

決定大小、位置與顯示並加上重複執行功能

步驟二:物品落下。

物品掉落時,會有碰到角色與碰到地面的情況,因此我們讓物品重複執行掉落的動作,並且以「碰到角色」與「y座標<-170」為執行下一個事件的條件。

 

物品重複執行落下並旋轉

步驟三:物品事件。

物品在掉落時,有沒有碰到角色這件事,會作為觸發事件的條件。如果碰到角色,那麼物品會消失,並且在角色的頭上出現分數的符號。因為物品在掉落的過程當中是不停旋轉的,因此,我們讓分數出現時,固定面向90的方向,最後再增加「等待隨機秒數」,如此一來,物品就不會死板板的在固定的時間出現;反之如果沒有碰到角色,則隱藏並等待隨機秒數。請記得在物品的造型裡匯入分數的圖片,並在程式裡使用外觀區裡的「切換到造型」,如此一來就能在碰到角色時,將物品圖片切換成分數的圖片。

新增分數造型

 

物品是否碰到角色的觸發事件

為了讓遊戲更豐富,我們還增加了糖果與炸彈,不同的圖片能夠為遊戲帶來不同的效果喔!

 

背景:

步驟一:初始設定。

在背景裡,我們要將分數、時間以及音樂都放進來,因此,要在變數區裡新增「分數」並設定初始值為零;計時器要歸零,並且設定時間超過30秒時,遊戲停止;重複播放10次音樂,若是不限制次數,則音樂會不斷跳回一開始而造成無法播放。

 

設定分數初始值、音樂與計時器

 

步驟二:分數設定。

我們可以先在角色裡設定「當碰到哪一種物品時,廣播加分或扣分」,然後在背景裡設定「當接收到加分或扣分時,將分數增加或減少」。因此,我們在控制區裡的「廣播」開新檔案,並分別命名「加10分」、「加5分」、「加2分」、「扣10分」,設定條件「當碰到角色5,則廣播加10分並等待0.5秒」。加入等待秒數是為了要讓計分有緩衝的時間,才不會導致只碰到一次物品卻加了10次分數。最後,在背景裡接收廣播並讓分數增加或減少。

 

廣播開新檔案並命名

 

在角色裡設定碰到物品的條件並廣播

在背景接收廣播,並設定變數「分數」增加或減少

最後,在背景裡放上聖誕樹的圖片與地面裝飾遊戲,讓畫面看起來更完整,您也可以試著多增加一個背景,做出遊戲開始的介面,會讓您的遊戲跟別人不一樣喔!

 

相關文章:

Scratch設計:射擊遊戲:火龍鬥勇者

[Scratch 2.0]小遊戲製作教學-人物篇(一)移動

[Scratch 2.0]小遊戲製作教學-人物篇(二)攻擊、受傷動作

[Scratch 2.0]小遊戲製作教學-場景篇:計時器、血量條

Scratch Board專案設計:觸碰感應手指 小小音樂家

[MIT Media Lab] Mitchel Resnick教授、Scratch與 Lifelong Kindergarten

有機會到 MIT Media Lab 當然要參觀許多不同的實驗室,當然有的可以參觀有的不行,昨天把握時間參觀了由 Mitchel Resnick 教授帶領的 Lifelong Kindergarten,Scratch 也是由此誕生的。Resnick教授與其團隊參與了歷代樂高 MindStorms控制器的發展與規格制定。

終於找到機會能親手面交 CAVEDU 出版的[Scratch 數位互動我最行] 給 Resnick教授,也讓他知道 Scratch 在台灣的蓬勃發展,他也說了,Scratch 搭配周邊硬體的後續發展,完全超出他的想像。

IMG20160323093223

我們能做的,就是使用好的教具與教材,讓更多小朋友們能從中學習,算是一點致敬吧。畢竟要開發這樣的人人易學易用的圖形化程式環境,背後的所需投入的人力物力真的很難想像(他的 team 我放眼望去就超過30人),另一方面也對於M教授對於教育的眼界與熱情感到欽佩,實在需要加緊腳步跟上哩。

這些字,得來不易

IMG20160323093307

在實驗室門口可以看到用樂高做成的 Scratch 小貓,相當吸睛

IMG20160322153707

展示桌上有許多有趣的互動小玩意,隨便玩沒關係

IMG20160322160728

IMG20160322160658

這三台我想大家都知道,就是 RCX(1999)、NXT(2006) 與 EV3 (2013)。

IMG20160322160723

那這兩台呢?沒看過了吧,哼哼,這是樂高最早期的控制器喔

IMG20160322160716