2013/09/29

6. [教學] Scratch 程式物件教學 - 外觀

透過上一篇大家應該了解到如何讓腳色賦予動作了吧?!
如果還不清楚的同學可參閱此Link:5. [教學] Scratch 程式物件教學 - 動作

本章節將繼續介紹Scratch 程式物件-外觀,為什麼要介紹如何操控腳色外觀呢?舉例來說當腳色在位移時,都使用同一張圖片讓他往前行走,請問各位這樣的遊戲或動畫大家會覺得腳色是在走動嗎?

該不會有同學在電腦前面點頭吧?其實改變腳色外觀也是賦予它生命的另一形式,因為可以讓玩家很直覺的反應此腳色就是在行走,而不是阿飄。

大家了解的他重要性後,就開始教學啦!


首先,我們先使用預設腳色1(小貓),到程式編輯區點選 "造型",如上圖所示。小貓原本就有兩款造型:"造型1/造型2", "造型1/造型2" 可自行更改名稱。


如果要複製造型,就選擇某一造型點選 "複製按鈕" ,就可多一項造型,現在就讓我們將 "造型1/造型2"各複製一個出來吧!( "造型3/造型4")結果如上圖所示。


選擇 "造型3/造型4" 點擊 "編輯按鈕" ,會立即出現繪圖編輯器,如果忘記繪圖編輯器如何使用的同學們,請參考此Link:3. [教學] Scratch 介面介紹 - 繪圖編輯器 。請將 "造型3/造型4" 橘色小貓變成咖啡色小貓,結果如上圖所示。


小貓的造型我們都在上述改變完成了,接著我們要透過程式物件改變牠的造型。可參閱亮亮為各位整理幾個常用外觀的表格,如上圖。

1. 裝扮轉換:"裝扮轉換"共有兩種切換模式:指定切造型依順序切換造型  

實作練習:

指定切造型:現在有四個裝扮了,現在亮亮希望小貓可以 "按下綠旗" 就 "重複執行"+"邊位移"+"碰到邊緣就反彈"+"等待0.3秒" 就 "變換造型",造型順序為1 → 4 → 3 → 2,於程式編輯區結果,如下圖所示。


依順序切換造型:如果今天造型順序為1 → 2 → 3 → 4,利用上述方式是否要複製多個 "切換到造型..." 與 "等待幾秒"?所以建議:造型有順序性的請使用 "下一個造型",可減輕各位使用外觀物件的數量,如下圖所示。


2. 秀出文字、想像方框:共有兩種方式:限定顯示幾秒、持續顯示。

實作練習:

限定顯示幾秒:"說 您好! 顯示2秒" 物件拖曳到程式編輯區,並在程式編輯區使用滑鼠左鍵點擊兩下,就會發現小貓顯示對話框說您好!並於2秒後消失對話框。

持續顯示:"想著 恩..." 物件拖曳到程式編輯區,並在程式編輯區使用滑鼠左鍵點擊兩下,就會發現小貓顯示想像框顯示恩....,直到全部停止。

3. 顯示與隱藏:顯示或隱藏腳色。

實作練習:

 "按下綠旗" 就 "重複執行"+"顯示"+"等待0.3秒"+"隱藏"+"等待0.3秒",於程式編輯區結果,如下圖所示。
亮亮小提醒:
如需刪除程式編輯區裡的程式物件,移除方式(一)按著滑鼠左鍵,拖曳程式物件離開程式編輯區、(二)選擇程式物件點擊滑鼠右鍵 → 刪除。


Scratch 相關文章:

Shine.

沒有留言:

張貼留言