搜尋

寶可夢猜猜我是誰 ( 基本 )

這篇文章會介紹,如何在 Scratch 裡使用繪製造型,搭配點擊角色、造型切換...等積木,實作寶可夢「猜猜我是誰」的基本遊戲 ( 看影子猜寶可夢名字 )。

快速導覽:

相關文章參考:繪製造型&背景更換造型點擊綠旗 / 角色

下載寶可夢圖片

因為是「寶可夢猜猜我是誰」遊戲,所以先前往「寶可夢圖鑑」的官方網站。

寶可夢圖鑑:https://tw.portal-pokemon.com/play/pokedex

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 前往「寶可夢圖鑑」的官方網站

選擇想要進行遊戲的寶可夢,在寶可夢圖片上按右鍵,選擇「另存圖片」,並將檔名改成寶可夢的名字 ( 下載至少三種寶可夢 )。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 另存圖片

將圖片轉換成 SVG

由於下載的圖片是 PNG 格式,如果直接上傳作為造型會變成「點陣圖形」,如果要將點陣圖形轉換成全黑的「影子」,會造成後續大量處理圖片的時間,所以需要先將下載的寶可夢圖片轉換成「SVG 」格式,使得上傳的造型變成「向量圖形」,就能快速製作全黑的影子

首先開啟 PNG2SVG 的工具網站 ( 還有其他不少類似的工具網站,這篇教學使用下方這個 ),點擊「UPLOAD FILES」,選擇寶可夢的圖片上傳。

PNG2SVG:https://png2svg.com/

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - PNG2SVG 上傳圖片

上傳後就會自動進行轉換,出現 SVG 縮圖後,點擊「DOWNLOAD」下載 SVG 圖檔,接著依此類推,將想要進行遊戲的寶可夢圖片,都轉換成 SVG 格式。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 下載 SVG 圖檔

建立角色,上傳寶可夢造型

使用「繪畫」的方式,建立一個「空白」的角色。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 使用繪畫方式建立角色

角色建立後,進入造型頁籤,移除第一個空白造型,接著使用「上傳」方式,將 SVG 格式的寶可夢圖片加入變成造型

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 使用上傳方式增加造型

以下圖為例,上傳三張寶可夢的 SVG 圖片變成三個造型。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 三個造型

製作寶可夢的影子

點擊第一個造型,使用「選取」工具全選造型內容 ( 也可以使用 Ctrl + a 全選 ),將寶可夢的圖案縮小為 200x200 左右 ( 從左側造型清單可以看到實際大小 ),並對齊「畫布中心點」。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 將寶可夢的圖案縮小

用滑鼠在造型上按「右鍵」,選擇「複製」,複製一個一模一樣的造型。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 複製造型

使用選取工具全選造型內容,使用「填滿工具」,將每個區塊顏色變成黑色。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 填滿工具

使用選取工具選取「半透明的黑色」( 這個部分是圖片本身的光暈 )。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 半透明的黑色

選取後刪除半透明的黑色 ( 使用鍵盤的 del 或繪圖工具的刪除 ),就能得到漂亮的寶可夢影子,但如果仔細看,會發現黑色中間仍有一些白色細線,這些細線是不同色塊的交界處。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 刪除半透明的黑色

使用選取工具全選造型內容,加入「外框」,將外框粗細設定 2,顏色黑色,就能消除這些細線。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 消除細線

依此類推,將所有的造型都製作成「彩色版」和「影子版」兩種,彩色版的名稱使用原始寶可夢的名字

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 消除細線

積木程式原理

使用點擊綠旗積木,當點擊綠旗時,顯示某一個寶可夢的影子造型,當角色被點擊時,切換成該寶可夢有顏色的造型,並用講話的方式講出造型名稱,持續兩秒後換成下一個影子造型。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 顯示某一個寶可夢的影子造型

完成後點擊綠旗,就能看到基本的影子猜謎結果。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 基本的影子猜謎結果

了解基本原理後,將點擊綠旗顯示造型的積木,改成使用「隨機數 x 2」的積木,隨機顯示影子造型 ( 因為共有三組顏色與影子,而顏色的造型編號是 1、3、5,影子造型是 2、4、6,所以如果使用隨機數 1~3 去乘以 2,就可以變成讀取 2、4、6 的造型 )。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 隨機數 x 2

接著將剛剛的積木,修改成點擊後出現「目前造型編號 - 1」的造型,意思是目前造型的「上一個造型」,也就會出現彩色的寶可夢,最後在點擊後,繼續顯示隨機影子,就能讓遊戲持續不斷的進行下去。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 目前造型編號 - 1

使用調整亮度的作法

如果不是很在乎影子中的細線 ( 前面的作法可以消除影子中接縫處的白色細線 ),也可以採用「調整亮度」這種比較簡單的做法,前往角色的造型,單純使用四個寶可夢的造型 ( 同樣要使用 SVG )。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 單純使用四個寶可夢的造型

接著可以使用「圖像效果 - 亮度」的積木,將亮度設為 -100 讓角色變成全黑影子,當使用者點擊角色時,再將亮度調整回 0,就能做到猜猜我是誰的遊戲效果。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 ) - 將亮度設為 -100 讓角色變成全黑影子

完成效果

完成後,點擊綠旗,就可以開始進行寶可夢猜猜我是誰的遊戲。

Scratch 教學 - 寶可夢猜猜我是誰 ( 基本 )

範例解答

延伸應用

參考「( 範例 ) 寶可夢猜猜我是誰,全部填滿皮卡丘」這篇生成式 AI 的有趣效果,也能夠實作搞笑版本的寶可夢猜猜我是誰。

範例:寶可夢猜猜我是誰,全部填滿皮卡丘

Leonardo.Ai 教學 - ( 範例 ) 寶可夢猜猜我是誰,全部填滿皮卡丘

意見回饋

如果有任何建議或問題,可傳送「意見表單」給我,謝謝~

Scratch 教學

基本介紹

關於 Scratch 使用 Scratch 3 註冊與登入 操作介面 我的東西

圖形與聲音

繪製造型&背景 編輯音效

程式積木

積木種類 動作 外觀 音效 事件 控制 偵測 運算 變數 清單 函式積木

擴充功能

音樂 畫筆 視訊偵測 文字轉語音 翻譯

技巧&觀念

全域變數、區域變數 深入理解區域變數 控制指定分身 控制所有分身的方法 雲端變數 雲端變數記錄文字 變數串接文字 判斷英文字母大小寫 中斷與停止程式 廣播訊息並等待 鍵盤與滑鼠 滑鼠點擊與長按 點擊隱藏的角色 突破角色尺寸限制 角色與舞台邊界 重複積木的等待時間 音樂暫停與繼續播放 使用造型名稱建立清單 使用造型代替變數 文字轉清單 清單合併為文字 判斷兩個清單是否相同 複製清單、反轉清單 清單數字排序 清單最大值最小值

入門範例

鍵盤控制貓咪 指向中間的箭頭 水果音樂鋼琴 貓咪的影分身之術 貓咪的細胞分裂 螃蟹跑來跑去 吃水果 摸蝴蝶 小狗追棒球 魚兒水中游 小鳥往前飛 舞棍阿伯 小時鐘 搖骰子 轉動的眼球 抽獎輪盤 大樂透電腦選號 卡牌抽籤 ( 20 中 1 ) 移動到邊緣切換場景 人物依序跳舞 ( 廣播 ) 按鈕控制貓咪 ( 廣播 )

進階範例

貓咪跑步 ( 連續背景 ) 貓咪跑步 ( 超長背景 ) 大型數字 ( 圖形數字 ) 拖拉怪獸碰撞牆壁 鍵盤鋼琴 ( 記錄音符 ) 中文字逐字稿 英文字逐字稿 計算機 1 ( 顯示數字 ) 計算機 2 ( 加減乘除 ) 雲端聊天室 音樂播放器 推貓咪 ( 視訊偵測 ) 圍捕小魚 ( 視訊偵測 ) 戳泡泡 ( 視訊偵測 )

視覺特效範例

視差效果 水中吐泡泡 雪花隨風飄 鍵盤鋼琴 ( 音符動畫 ) 無限循環畫中畫 水底探照燈 狙擊望遠鏡 ( 兩倍變焦 ) 貓咪萬花筒 仙女棒 ( 光跡效果 ) 駭客任務背景特效 放煙火 1 ( 往上發射 ) 放煙火 2 ( 爆炸效果 )

繪圖範例

鏡射畫圖 ( 對稱圖形 ) 小畫家 ( 舞台上畫圖 ) 記錄畫圖軌跡 繪製圓形 繪製橢圓形 繪製立方體 ( 會動 ) 繪製正多邊形 繪製正多角星形 ( 單純 ) 繪製正多角星形 ( 多線 ) 繪製拋物線 繪製折線圖 繪製圓餅圖 繪製圓餅圖 ( 指示線 ) 蜘蛛結網 ( 八邊形網 ) 繪製舞台方格 繪製正弦波形 ( sin ) 正弦波毛毛蟲動畫 顯示聲波圖形

物理&模擬範例

鐘擺運動 簡單磁鐵效果 兩個磁鐵的磁力線 立體空間 ( 三度空間 ) 循跡移動 拋物線發射炮彈 地球繞著太陽轉 彈跳的籃球 電風扇 ( 控制強度 ) 拉不走的彈力球 慣性移動 ( 滑鼠 ) 慣性移動 ( 鍵盤 )

入門遊戲範例

猴子接香蕉 打地鼠 打地鼠 ( 體感視訊偵測 ) 刮刮樂 吹風機吹頭髮 太空狗閃躲隕石 九九乘法測驗 英文單字測驗 釣魚遊戲 拍西瓜 ( 儲存最高分 ) 寶可夢猜猜我是誰 ( 基本 ) 形狀配對拼圖 台灣地圖拼圖 英文打字機 英文打字機 ( 判斷大小寫 ) 射擊外星人 猜數字 ( 猜大小 ) 猜數字 ( 幾 A 幾 B ) 連連看 ( 產生器 ) 連連看

進階遊戲範例

青蛙過河 青蛙過馬路 反彈球 ( 乒乓球 ) 打磚塊 狙擊氣球 ( 兩倍變焦 ) Flappy Bird Flappy Bird ( 聲控版 ) 走迷宮 ( 基本 ) 大型迷宮 ( 鍵盤控制 ) 大型迷宮 ( 滑鼠控制 ) 翻卡記憶遊戲 翻卡記憶遊戲 ( 改良版 ) 井字棋 ( 圈圈叉叉 ) 九宮格拼圖 九宮格拼圖 ( 改良版 ) 音階記憶 貪吃蛇 ( 分身版 ) 貪吃蛇 ( 畫筆版 ) 小雞下樓梯 拉霸機

團康遊戲範例

搖骰子 ( 1~3 個 ) 比手畫腳 ( 猜動物 ) 音樂傳球遊戲 大聲公 ( 比賽誰的氣長 ) 抽籤 ( 可調整中籤數量 ) 轉盤指針 ( 指到誰就當鬼 ) 倒數計時器 ( 基本版 ) 倒數計時器 ( 大數字版 )

遊戲設計技巧

角色 ( 地上移動 ) 角色 ( 蹲下、左右轉 ) 角色 ( 跳耀、兩段跳 ) 角色 ( 牆壁、爬牆 ) 地圖 ( 清單轉換 ) 地圖 ( 二維陣列 ) 地圖 ( 控制移動 ) 地圖 ( 牆壁碰撞偵測 ) 地圖 ( 吃東西偵測 ) 俄羅斯方塊 ( 角色與背景 ) 俄羅斯方塊 ( 移動與碰撞 ) 俄羅斯方塊 ( 放置方塊 ) 俄羅斯方塊 ( 消除完成方塊 ) 俄羅斯方塊 ( 下個形狀 )