寶可夢猜猜我是誰 ( 基本 )
這篇文章會介紹,如何在 Scratch 裡使用繪製造型,搭配點擊角色、造型切換...等積木,實作寶可夢「猜猜我是誰」的基本遊戲 ( 看影子猜寶可夢名字 )。
快速導覽:
下載寶可夢圖片
因為是「寶可夢猜猜我是誰」遊戲,所以先前往「寶可夢圖鑑」的官方網站。
選擇想要進行遊戲的寶可夢,在寶可夢圖片上按右鍵,選擇「另存圖片」,並將檔名改成寶可夢的名字 ( 下載至少三種寶可夢 )。
將圖片轉換成 SVG
由於下載的圖片是 PNG 格式,如果直接上傳作為造型會變成「點陣圖形」,如果要將點陣圖形轉換成全黑的「影子」,會造成後續大量處理圖片的時間,所以需要先將下載的寶可夢圖片轉換成「SVG 」格式,使得上傳的造型變成「向量圖形」,就能快速製作全黑的影子。
首先開啟 PNG2SVG 的工具網站 ( 還有其他不少類似的工具網站,這篇教學使用下方這個 ),點擊「UPLOAD FILES」,選擇寶可夢的圖片上傳。
PNG2SVG:https://png2svg.com/
上傳後就會自動進行轉換,出現 SVG 縮圖後,點擊「DOWNLOAD」下載 SVG 圖檔,接著依此類推,將想要進行遊戲的寶可夢圖片,都轉換成 SVG 格式。
建立角色,上傳寶可夢造型
使用「繪畫」的方式,建立一個「空白」的角色。
角色建立後,進入造型頁籤,移除第一個空白造型,接著使用「上傳」方式,將 SVG 格式的寶可夢圖片加入變成造型。
以下圖為例,上傳三張寶可夢的 SVG 圖片變成三個造型。
製作寶可夢的影子
點擊第一個造型,使用「選取」工具全選造型內容 ( 也可以使用 Ctrl + a 全選 ),將寶可夢的圖案縮小為 200x200 左右 ( 從左側造型清單可以看到實際大小 ),並對齊「畫布中心點」。
用滑鼠在造型上按「右鍵」,選擇「複製」,複製一個一模一樣的造型。
使用選取工具全選造型內容,使用「填滿工具」,將每個區塊顏色變成黑色。
使用選取工具選取「半透明的黑色」( 這個部分是圖片本身的光暈 )。
選取後刪除半透明的黑色 ( 使用鍵盤的 del 或繪圖工具的刪除 ),就能得到漂亮的寶可夢影子,但如果仔細看,會發現黑色中間仍有一些白色細線,這些細線是不同色塊的交界處。
使用選取工具全選造型內容,加入「外框」,將外框粗細設定 2,顏色黑色,就能消除這些細線。
依此類推,將所有的造型都製作成「彩色版」和「影子版」兩種,彩色版的名稱使用原始寶可夢的名字。
積木程式原理
使用點擊綠旗積木,當點擊綠旗時,顯示某一個寶可夢的影子造型,當角色被點擊時,切換成該寶可夢有顏色的造型,並用講話的方式講出造型名稱,持續兩秒後換成下一個影子造型。
完成後點擊綠旗,就能看到基本的影子猜謎結果。
了解基本原理後,將點擊綠旗顯示造型的積木,改成使用「隨機數 x 2」的積木,隨機顯示影子造型 ( 因為共有三組顏色與影子,而顏色的造型編號是 1、3、5,影子造型是 2、4、6,所以如果使用隨機數 1~3 去乘以 2,就可以變成讀取 2、4、6 的造型 )。
接著將剛剛的積木,修改成點擊後出現「目前造型編號 - 1」的造型,意思是目前造型的「上一個造型」,也就會出現彩色的寶可夢,最後在點擊後,繼續顯示隨機影子,就能讓遊戲持續不斷的進行下去。
使用調整亮度的作法
如果不是很在乎影子中的細線 ( 前面的作法可以消除影子中接縫處的白色細線 ),也可以採用「調整亮度」這種比較簡單的做法,前往角色的造型,單純使用四個寶可夢的造型 ( 同樣要使用 SVG )。
接著可以使用「圖像效果 - 亮度」的積木,將亮度設為 -100 讓角色變成全黑影子,當使用者點擊角色時,再將亮度調整回 0,就能做到猜猜我是誰的遊戲效果。
完成效果
完成後,點擊綠旗,就可以開始進行寶可夢猜猜我是誰的遊戲。
範例解答
- 範例解答:寶可夢猜猜我是誰 ( 基本 )
- 範例解答:寶可夢猜猜我是誰 ( 基本、調整亮度版 )
延伸應用
參考「( 範例 ) 寶可夢猜猜我是誰,全部填滿皮卡丘」這篇生成式 AI 的有趣效果,也能夠實作搞笑版本的寶可夢猜猜我是誰。
意見回饋
如果有任何建議或問題,可傳送「意見表單」給我,謝謝~