听音乐听小众佳作，开眼界玩有趣小网站。这是“小网站”系列的第 8 篇，关注公众号接收更新，不迷路。

--- 今日介绍 ---

游戏：令人发疯的2020（2020Game）

把玩点：

• 有点小难度的游戏，打发时间；
• 让人回首2020年；
• 可以学习怎么写一个网页游戏;

主观评价：趣味性 4.5 星，技术性 5 星

把玩网址 2020game.io

--- 使用指北 ---

建议在电脑上玩耍效果体验最佳，手机上横屏也能玩。

后新冠时代，生活慢慢回归正轨。回想起2020年新年伊始，各种糟心事情随着新冠的到来，一件接着一件，历历在目。

今天介绍的网站，不得不佩服其作者的脑洞，将2020年发生的一些糟心事儿做成了一个游戏，比如澳大利亚的持续山火、科技股喋喋不休、零元购、新冠疫、大选情等。

游戏类似最早期的“超级马里奥” + 跑酷，操作也非常的简单，左、右、上光标键就可以操作啦！

开始愉快的玩耍吧，答应我，要打通关哟，一共8关！

--- 干货知识 ---

纯技术性干货，非行业人士可忽略本节。

能制作网页游戏的引擎有很多，比如cocos、unity等，甚至还可以手堆代码。懂一些前端知识的人都知道，做游戏的话基于Canvas肯定会比DOM的性能好，尤其是涉及大量需要动画的情况下。

本游戏使用的游戏引擎框架是phaser.min.js，最新版本是3.0,它写的游戏支持桌面、H5、移动端，是一个开源、快速、支持canvas与webgl渲染的游戏框架，有中文演示网站。

游戏除了引擎框架外，还有一些内容分别是：

• levels 共8关，是每一关的脚本代码；
• main.js 游戏的入口；
• audio.js 声音的处理；
• animations.js 角色的状态动画控制；
• preload.js 游戏预加载；
• timeline.js 游戏时间线；
• ...

感兴趣的读者，可以研究一下phaser这个引擎，兴许也能写出自己的游戏出来！或者考虑用该引擎进行数字孪生、BIM的实现也不是不可能的。

本系列长期更新！首发公众号：土卫六

喜欢的朋友感谢点赞、分享、收藏三连！