英語課老師用這個單詞打字機游戲PPT，把小朋友們都樂壞了
文章圖片
文章圖片
馬上要開學啦 ， 今天陳老師來教大家用PPT做個單詞打字機的小游戲 ， 比起枯燥的單詞背誦默寫 ， 這樣的形式小朋友們一定更喜歡！
我們廢話不多說 ， 先來看看效果：
其實啊 ， 想到做這么一個游戲PPT ， 靈感來源于多年前我玩過的一款手機游戲《瘋狂猜圖》：
文章圖片
在這款游戲里 ， 玩家需要根據圖片及其下側方框數量提示 ， 從備選區域挑選文字 ， 逐一點擊填入方框 ， 回答正確即可進入下一關并獲得金幣 。
2014年 ， 我就做過這么一份模仿《瘋狂猜圖》的PPT ， 當時還在「秋葉PPT」公眾號上發過：
文章圖片
這次算是在這個基礎上做了一個小小的進化 ， 加上了回答正確之后將圖片打印出來的環節 ， 提升了游戲的場景感 。
OK ， 下面就簡單說一下制作這份「單詞打字機」游戲PPT的步驟 。 有興趣的老師們不妨試著動手模仿一下——每次都在說這句話 ， 但我也知道 ， 真正愿意動手的老師恐怕不多 。 就好像我也有興趣減肥 ， 但讓我去跑步我就不想動了……
打印機的素材一開始我是準備找圖片的 ， 但找來找去效果都不太理想 ， 所以最終還是自己手繪了一個 。 用到的也大都是基本的形狀——圓角矩形、單側圓角矩形、梯形、圓環等等 。 大家看下面這個動圖應該能看得比較清楚：
文章圖片
值得提醒的有兩點：
第一 ， 在這一類形狀繪制案例里 ， 插件的支持通常必不可少 。 比如這個打印機 ， 首先是頂部的紙托 ， 我在繪制好梯形之后 ， 做了圓角化處理 ， 使其更符合整體風格 。 這里用到的是「英豪工具箱」的「圓角工具」功能：
文章圖片
其次是打印好的紙張應該穿過出紙口被送出 ， 這樣效果才真實：
文章圖片
所以出紙口這個細長的圓角矩形 ， 我們需要將其縱向一分為二 ， 上面一半在「紙張」的上層 ， 下面一半在「紙張」的下層 。 這里我仍然是使用了「英豪工具箱」 ， 「分割圖/形」功能相當好用 。 選中圓角矩形 ， 設置好行列數 ， 輕輕一點即可一分為二：
文章圖片
第二 ， 要善用「遮罩」解決層級矛盾 。 既然被打印的「紙張」是從打印口里鉆出來 ， 那么它的上半部分 ， 就應該始終被打印機機體（深藍部分）遮擋 。 但從底部的關系來看 ， 「紙張」又需要在打印機深藍色部分的上層 ， 這里就出現了矛盾：
文章圖片
因此 ， 我們需要把紙張放在深藍色形狀之上 ， 然后再手動繪制一個深藍色矩形（如下選中部分）作為遮罩：
文章圖片
元素層級關系由下到上 ， 如下圖所示：
文章圖片
頁面左側的設計幾乎沒有難度 ， 使用一大一小兩個矩形和一系列圓角正方形即可搞定 。
相關經驗推薦
- 年后首日春季賽大爆冷門！WE慘遭零封，馬老師無奈秒下播
- 馬老師解說WE比賽滿臉絕望？看到戰績吐槽：德杯是最后榮光了！
- T1豪取八連勝站在LCK頂端，Faker狀態穩健，馬老師大贊李哥真牛
- 馬老師：我17歲時韓服最猛！Faker都給我讓位置
- TT對戰BLG換上兩位韓援，卻被嘲是路人水平！馬老師稱韓援有點弱
- LOL全球戰隊排名，EDG第一名SKT排名第二，馬老師稱LPL世界第一
- 《忍者神龜：施萊德的復仇》9分鐘演示 增加史普林老師可控
- 耀揚還想亂拳打死老師傅？挑戰微涼被2比1險勝，網友：雖敗猶榮
- we馬老師道出心目中表現最穩的職業選手，網友：uzi也很穩健
- LOL職業選手中誰是“世一穩”？阿水Uzi上榜！WE馬老師有不同見解