宝可梦猜猜我是谁 ( 基本 )
这篇文章会介绍,如何在 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 的有趣效果,也能够实作搞笑版本的宝可梦猜猜我是谁。
微信扫码关注
抖音扫码关注