在这款游戏里，玩家需要根据图片及其下侧方框数量提示，从备选区域挑选文字，逐一点击填入方框，回答正确即可进入下一关并获得金币。 2014 年，我就做过这么一份模仿《疯狂猜图》的 PPT，当时还在「秋叶PPT」公众号上发过： 这次算是在这个基础上做了一个小
在这款游戏里，玩家需要根据图片及其下侧方框数量提示，从备选区域挑选文字，逐一点击填入方框，回答正确即可进入下一关并获得金币。
2014 年，我就做过这么一份模仿《疯狂猜图》的 PPT，当时还在「秋叶PPT」公众号上发过：
这次算是在这个基础上做了一个小小的进化，加上了回答正确之后将图片打印出来的环节，提升了游戏的场景感。
OK，下面就简单说一下制作这份「单词打字机」游戏 PPT 的步骤。有兴趣的老师们不妨试着动手模仿一下——每次都在说这句话，但我也知道，真正愿意动手的老师恐怕不多。就好像我也有兴趣减肥，但让我去跑步我就不想动了……
01手绘打印机
打印机的素材一开始我是准备找图片的，但找来找去效果都不太理想，所以最终还是自己手绘了一个。用到的也大都是基本的形状——圆角矩形、单侧圆角矩形、梯形、圆环等等。大家看下面这个动图应该能看得比较清楚：
值得提醒的有两点：
第一，在这一类形状绘制案例里，插件的支持通常必不可少。比如这个打印机，首先是顶部的纸托，我在绘制好梯形之后，做了圆角化处理，使其更符合整体风格。这里用到的是「英豪工具箱」的「圆角工具」功能：
其次是打印好的纸张应该穿过出纸口被送出，这样效果才真实：
所以出纸口这个细长的圆角矩形，我们需要将其纵向一分为二，上面一半在「纸张」的上层，下面一半在「纸张」的下层。这里我仍然是使用了「英豪工具箱」，「分割图/形」功能相当好用。选中圆角矩形，设置好行列数，轻轻一点即可一分为二：
第二，要善用「遮罩」解决层级矛盾。既然被打印的「纸张」是从打印口里钻出来，那么它的上半部分，就应该始终被打印机机体（深蓝部分）遮挡。但从底部的关系来看，「纸张」又需要在打印机深蓝色部分的上层，这里就出现了矛盾：
因此，我们需要把纸张放在深蓝色形状之上，然后再手动绘制一个深蓝色矩形（如下选中部分）作为遮罩：
元素层级关系由下到上，如下图所示：
02完成页面左侧设计
页面左侧的设计几乎没有难度，使用一大一小两个矩形和一系列圆角正方形即可搞定。
不过，要想快速完成下面 21 个圆角正方形的绘制，还是得借助插件。iSlide 插件的「矩阵布局」功能，试过才知道有多香。
另外有一个细节要注意——下方的圆角正方形，文字是直接写到形状里的，因为这样才能把整个形状设为触发器，方便点击：
而上方填空处的圆角正方形，一开始形状内部并没有文字，文字要稍后通过淡出动画出现，所以文本框和形状是各自独立的：
03完成动画设计
左侧的动画相对简单，按键形状设置的是强调类别里的「填充颜色」动画，文字则设置的是「淡出」动画，二者均由对应的按键形状触发，实现「当点击按键A时，按键A变色、字母A淡出」的效果：
依次把想要呈现的单词按字母顺序设置一遍就 OK 了。如果你还完全不会触发器动画设置，我也发过一系列触发器基础系列视频，可以去找来补补课。想要做这一类互动课件，触发器必须掌握得非常熟练。
哦对了，想要有打字音效的话，还需要给「淡出」动画在「效果选项」里添加「打字机」声音：
接下来看右侧的打印机动画。首先要做的是把需要「打印」的图片复制一份到出纸口的白纸上，并与白纸组合到一起。
不过组合之前，记得把复制出来的图片调整层级到白纸（矩形 45）上层，这样二者组合之后层级位置才不会发生变化：
接下来对其设置向下的直线路径动画，并调整路径的起点和终点——起点时白纸在出纸口上半部分（还记得出纸口被裁成两半了么？）的上侧，终点时在其下侧：
在「效果选项」里把路径动画的默认平滑开始、平滑结束取消掉，设置合适的时间。然后把进纸口的「白纸」也做类似处理，设置向下的路径动画、取消平滑，终点时能够完全隐身于打印机下层即可。
另外，由于进纸口的「白纸」高度较小，直线运动的路径长度会比出纸口的「白纸」短，所以动画时间也应该相应缩短。具体多少合适可以根据实际情况测试一下，这样看起来才像是同一张纸从上方进、下方出：
最后，由于我们只是调节了下方白纸的动画位置，并未调节它的物理位置，动画开始之前，它就会被看到是摆在当前位置的，这显然不是我们想要的效果：
因此还需要给它加上一个「出现」动画将其从原位置「隐身」。最终打印机部分的动画如下：
这里的逻辑可能大家需要多捋捋——为什么要隐身反而加「出现」动画呢？因为我们是想让它在动画开始前隐身。既然第一个动画才是「出现」，那第一个动画之前，它不就一直是「没出现」的状态么？
有的老师又要问了：那为什么不干脆就把它的实际位置改一改，给它塞到打印机里面去不就得了？这样只需要加一个路径动画让它从里面到外面，岂不更简单？
对，做动画是简单了，但这份 PPT 是一系列的测试题。复制多页之后，每一页的单词不同，就要对应更换不同的图片。
如果直接把「白纸」放到了打印机里面，更换图片和它组合时就会多有不便——因为看不到白纸在哪里，图片拖动复制过去之后，摆放位置也就成了个问题。
所以你看，做这样的动画，还是有很多训练我们逻辑思维能力、考查我们考虑事情是否周全的地方吧！
OK，这就是今天的所有内容，有能力跟着教程做的老师可以试着动动手。如果你是新手，实在是没有能力制作，但又特别想要这份游戏 PPT ，也可以用一杯星爸爸换取，修改方法我已经录制好示范视频了，会一并发送。
我是陈老师，（可能是）东半球最会做PPT的钢琴老师，我们下期再见！
