這 7 款程序員重制的經典游戲 總有一款能讓你回味童年時光

玩游戲是人類的天性之一。在游戲的過程中,除了愉悅我們的身心,還能收獲到滿滿的成就感。然而總有一些長盛不衰的經典游戲,讓我們難以忘懷。即使現在看來,那游戲的畫面可謂“慘不忍睹”了,但它們卻陪伴我們度過了最美好的童年時光,帶給我們無限的歡樂,并成為了今日的經典。

最近,我在微博上建立了一個 #每日一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程序獅
文章源自:https://zhuanlan.zhihu.com/p/31594225

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,546評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,570評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,505評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,017評論 1 313
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,786評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,219評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,287評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,438評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,971評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,796評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,995評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,540評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,230評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,918評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,697評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374

推薦閱讀更多精彩內容