玩游戏是人类的天性之一。在游戏的过程中，除了愉悦我们的身心，还能收获到满满的成就感。然而总有一些长盛不衰的经典游戏，让我们难以忘怀。即使现在看来，那游戏的画面可谓“惨不忍睹”了，但它们却陪伴我们度过了最美好的童年时光，带给我们无限的欢乐，并成为了今日的经典。

最近，我在微博上建立了一个 #每日一Pen# 话题，会经常浏览国外前端社区 - Codepen .在浏览的过程中，还是有一些小惊喜的：不少开发者们利用前端技术，将那些复古的经典游戏进行了重新“还原”，再次带我回味了一把儿时的经典。像超级马里、刺猬索尼克、塞尔达、吃豆人、小蜜蜂....这些经典游戏，你们还记得多少？

1.超级马里奥兄弟

那个戴红色帽子，身穿蓝色背带裤的管道工超级马里奥，可谓是无人不知、无人不晓，它承载了太多人的回忆。所以，今天分享的第一个作品，就是由 Ashley Nolan 利用 CSS 动画与媒体查询实现的超级马里奥兄弟 3 。你可以通过调整 Codepen 的窗口宽度进行游戏演示，并且他还撰写了一篇文章分享他实现游戏动画的整体过程。有兴趣的朋友可以了解下。

项目地址：【传送门】

2.刺猬索尼克

作为曾经风靡世界的游戏主角，这只可爱的小刺猬真是圈粉无数。从 1991 年至今，它保持了超高的耐力，在不断地奔跑与前进。就如开发者 Ryan Petersen 利用 HTML+CSS 实现的动画一样，它让经典一直延续。

项目地址：【传送门】

3.塞尔达传说

塞尔达传说可以说是任天堂推出的最知名、综合评价最高的游戏系列了。这款游戏最初于 1986 年发布在任天堂的红白机（FC）上，名为《塞尔达传说：海拉尔的幻想》，而开发者 Stix 就利用了 HTML+CSS+JS 将其作为 404 页面进行了重制。它是否让你有所怀念呢？

当然，能够被评选为最经典的游戏，一定有它的过人之处。这不今年 3 月份，《塞尔达传说：旷野之息》也正式发售了，并一举拿下了游戏界几乎满分的极高评分。有兴趣的小伙伴可以抽空试试，不会让你失望。

项目地址：【传送门】

4.吃豆人

吃豆人游戏或许是大家最早接触的一款游戏，它也是电子游戏史上经典的街机游戏之一。它于 1980 年发行后，便迅速的风靡全球。今年是它诞生的第 37 周年，开发商 Namco 公司也把此形象作为其吉祥物和公司的标帜，一直沿用至今。

那么，神奇的程序员又岂能错过这款经典游戏的重塑呢！HTML5 开发者 hellokatili 将这款有趣的游戏，利用前端技术进行了实现，让我们在 CodePen 上再次感受可爱大嘴的神奇魅力吧！最后，考一考你，知道吃豆人的名字“Pac-Man”是因何而来的么？

项目地址：【传送门】

5.小蜜蜂

除了吃豆人，小蜜蜂这款游戏，相信大家也接触的比较早了。早在 70 年代，它的出现，让我们的父辈玩得不亦乐乎。而这次开发者 adonis domingues vieira 将其利用 HTML+JS 进行了简单的实现，让我们有幸再次一起打飞机。

项目地址：【传送门】

6.乒乓

如果你与朋友或同事，在外面打乒乓球，恐怕玩不了多久就会感到无聊。但作为体育类视频游戏的鼻祖，Pong 却是一款曾让老美玩疯的街机游戏，并掀起了一阵全美的电子游戏风暴。据说，这款游戏还可用于诊断帕金森病，以及自闭症等脑部神经疾病。那么，还等什么？一起来重温下 JS 版的 Pong 吧！

项目地址：【传送门】

7.口袋妖怪

那是 1996 年，一款疯狂的掌机游戏在日本横空出世，口袋妖怪在当时一炮走红。随着口袋妖怪推出多元化的视频游戏，以及 700 多只独特的神奇小精灵的出现，直到今天它依然推动着新生代粉丝的加入。

作为经典的角色扮演游戏，它也有幸成为仅次于超级马里奥系列，世界上第二个热销的电子游戏。当然，除了主人公铁打的小智，让我们记忆犹新以外，妙蛙种子、皮卡丘、杰尼龟等可爱的精灵宝贝，也都是我们每个人心中曾想拥有的梦想。

每个人对口袋妖怪喜爱的表达方式各有不同，程序员群体尤为特别。他们善用自己的手艺将游戏中经典场景、物品、宠物宝贝等进行重制，来彰显对游戏的喜爱。以下所有的重制作品，就是他们证明真爱的方式。

看完后，你是否也觉得还不错呢？对于前端开发者来说，真是没有做不到，只有想不到。

有些游戏，它仅仅是游戏。玩过了，开心了，忘了也就忘了。而另一些游戏，却陪伴了一代人的成长，唤醒了他们年少青春的回忆。我想经典之所谓经典，是它经过了时间的磨砺，最终绽放的耀眼花朵。它带给我们的不仅是回忆、感动与共鸣，更是经历了岁月洗礼后，留下的不灭足迹。

上述你最喜欢哪一款游戏呢，也欢迎留言与我们分享你的回忆与感受。

感谢你的阅读。若你有所收获，欢迎点赞与分享。

如需转载，烦请注明出处即可。谢谢合作！

作者：IT程序狮
文章源自：https://zhuanlan.zhihu.com/p/31594225

更多文章：

1. 2017 年最受欢迎的 10 个编程挑战网站

2. 磨练编程技巧的 10 个益智网站

3. 超赞！CodePen 上最新的 12 个热门前端项目

4. 12 款助你学编程的免费游戏

同时也欢迎关注我的微信【IT程序狮】，不定期分享 IT 学习文章与资源。