吹風機吹頭髮
這篇文章會介紹,在 Scratch 裡使用多個角色,搭配重複、偵測按下、更換造型...等積木,實作一個用吹風機吹頭髮的小遊戲。
角色設定 ( 人物 )
在角色編輯區,刪除貓咪的角色,使用繪畫,繪製新角色 ( 參考:造型與繪圖 )。
新增第一個角色「人物」,切換到造型頁籤,繪製第一個造型,造型名稱為「沒頭髮」:
- 使用「筆刷」搭配「油漆桶」工具在畫布中畫出一個「頭髮很短」( 接近平頭 ) 的人物。
- 畫出有點不舒服的人物表情。
- 用「選取」工具,將人物的「額頭對齊畫布中心點」。
複製「沒頭髮」的造型,改名為「有頭髮」,編輯有頭髮的造型:
- 使用「筆刷」工具,畫出頭髮,頭髮分成兩部分:前面劉海、後面頭髮。
- 使用「移到上層」和「移到下層」的功能,調整瀏海在前面遮住額頭,後面的頭髮被人臉遮住。
角色設定 ( 頭髮 )
回到角色面板,使用「繪畫」新增第二個角色「瀏海」,透過「筆刷」工具,畫出「已經被風吹動往側邊飄」的瀏海,將瀏海的末端 ( 髮根 ),對齊畫布的中心。
將瀏海角色裡繪製「三個」造型,三個造型互相切換時,看起來就像瀏海在飄動。
接著新增第三個角色「頭髮」,透過「筆刷」工具,畫出「已經被風吹動往側邊飄」的頭髮,將頭髮的末端 ( 髮根 ),對齊畫布的中心。
將頭髮角色裡繪製「三個」造型,三個造型互相切換時,看起來就像頭髮在飄動。
角色設定 ( 吹風機 )
新增第四個角色「吹風機」,透過「筆刷」和「油漆桶」工具畫出吹風機造型,命名為「a1」,將吹風機機身對齊畫布中心。
複製兩個吹風機 a1 造型 ( a2、a3 ),使用「筆刷」工具畫出吹出來的風,讓吹風機的 a2 和 a3 切換時,就像風在吹的樣子。
複製吹風機 a1 造型,將新造型命名為 b1,造型是一個和 a1 上下顛倒的吹風機。
複製兩個吹風機 b1 造型 ( b2、b3 ),使用「筆刷」工具畫出吹出來的風,讓吹風機的 b2 和 b3 切換時,就像風在吹的樣子。
造型都完成後,在舞台上排列角色:
- 人物角色水平置中,放在底部。
- 瀏海角色髮根對齊人物額頭中心。
- 頭髮角色髮根對齊人物鼻子 ( 人臉中心 )。
- 吹風機可以放在任意位置。
積木程式原理 ( 人物 )
點擊「人物」角色,編輯點擊綠旗的動作:
- 使用重複無限次積木,讓人物保持「有頭髮」的造型
- 每次重複判斷是否按下滑鼠,如果按下滑鼠,就變更為「沒頭髮」的造型。
積木程式原理 ( 頭髮 )
點擊「瀏海」角色,編輯點擊綠旗的動作:
- 將圖層移到最上層,避免被人臉遮住。
- 定位到額頭中心。
- 使用重複無限次積木,讓瀏海保持隱藏狀態。
- 每次重複偵測是否按下滑鼠,如果按下滑鼠,就顯示瀏海,讓瀏海 0.01 秒變換一次造型。
點擊「頭髮」角色,編輯點擊綠旗的動作:
- 將圖層移到最下層,避免遮住人臉,讓人臉保持在上層。
- 定位到人臉鼻子的位置。
- 使用重複無限次積木,讓頭髮保持隱藏狀態。
- 每次重複偵測是否按下滑鼠,如果按下滑鼠,就顯示頭髮,讓瀏海 0.01 秒變換一次造型。
積木程式原理 ( 吹風機 )
點擊「吹風機」角色,編輯點擊綠旗的動作:
- 使用重複無限次積木,讓吹風機保持在最上層,並跟隨滑鼠移動、面向人物角色。
- 每次重複判斷如果「方向 < 0」,表示朝向左邊,將吹風機換成 b1 ( 朝向左 ) 的造型。
- 如果「方向 >= 0」,表示朝向右邊,將吹風機換成 a1 ( 朝向右 ) 的造型。
完成後,點擊綠旗,不論吹風機在哪一側,都會以「把手在下」的方式面向人物。
接著編輯按下滑鼠時,吹風機吹風的動作:
- 加入邏輯判斷積木,偵測滑鼠是否按下。
- 如果按下滑鼠,播放音效。
- 如果「方向 < 0」,表示朝向左邊,讓吹風機不斷切換 b2 和 b3 造型。
- 如果「方向 >= 0」,表示朝向右邊,讓吹風機不斷切換 a2 和 a3 造型。
音效的部分使用了「Teleport」的其中一小部分 ( 參考:編輯音效 )
完成結果
完成後,切換到「專案頁面」,點擊綠旗,就可以開始進行吹頭髮的遊戲。
範例解答
範例解答:吹風機吹頭髮
意見回饋
如果有任何建議或問題,可傳送「意見表單」給我,謝謝~