7 款前端开发者重制的经典游戏 总有一款能让你回味童年时光

3,649 阅读6分钟

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

最近,我在微博上建立了一个 #每日一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 多只独特的神奇小精灵的出现,直到今天它依然推动着新生代粉丝的加入。

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

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

CSS 实现的真新镇动画

纯 CSS 实现的闪亮精灵球

纯 CSS 实现的初代宠物小精灵动画

纯 CSS 绘制出皮卡丘的脸庞

CSS 实现的口袋妖怪图鉴

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

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

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


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

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

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

更多文章:

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

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

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

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

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