當前位置:
首頁 > 遊戲 > 這個遊戲,我小時候能玩一天,現在也是停不下來

這個遊戲,我小時候能玩一天,現在也是停不下來

這個遊戲,我小時候能玩一天,現在也是停不下來

打開今日頭條,查看更多圖片

今天給大家分享的開源項目,可以說是慢慢的回憶殺,絕對的回憶殺。

可以說:每一位讀者朋友在小時候都會玩過這個小遊戲,而且很上癮。

但是,這是什麼遊戲呢?

答案就是,經典遊戲:俄羅斯方塊。

俄羅斯方塊是一直各類程序語言熱衷實現的經典遊戲,JavaScript 的實現版本也有很多。而今天分享的這個遊戲作者的夢想就是:用 React 做一個俄羅斯方塊

開源分享這個遊戲的作者,可以說做的非常完美,不僅體驗好,而且:可以做到屏幕的自適應,而是可以在 PC 使用鍵盤、在手機使用手指的響應式操作。手機,電腦都可以完美的進行體驗和遊戲。

更重要的是作者做到了:數據持久化


玩單機遊戲最怕什麼?斷電。通過訂閱 store.subscribe ,將 state 儲存在 localStorage,精確記錄所有狀態。網頁關了刷新了、程序崩潰了、手機沒電了,重新打開連接,都可以繼續。

遊戲框架使用的是 React + Redux,其中再加入了 Immutable,用它的實例來做來 Redux 的 state。(有關 React 和 Redux 的介紹可以看:React 入門實例、 Redux 中文文檔)。

看文字像是在吹牛,不直觀,對吧?來,看實現的動態圖:

這個遊戲,我小時候能玩一天,現在也是停不下來

這個遊戲,我小時候能玩一天,現在也是停不下來

所以,通過這個開源的遊戲,你可以學到什麼知識呢?那就是:React + Redux ,以及 Immutable。

所以,當你在體驗和遊戲這個俄羅斯方塊的時候,還請感興趣,對 React 有興趣的朋友,去研究和學習一下作者的開源代碼和設計思路。這才是我給大家分享開源項目的目的和價值所在。

開源項目地址:

https://github.com/chvin/react-tetris

開源項目作者:Chvin

遊戲鏈接地址:https://chvin.github.io/react-tetris/

或者點擊閱讀原文,一鍵抵達遊戲地址。

今天的推薦不知道大家喜歡嗎?如果你喜歡,請在文章底部留言和點贊,以表示對我的支持,你們的留言、點贊和轉發關注是我持續更新的動力哦!

關注公眾號:非著名程序員,對話框回復關鍵字 「1024」,免費領取 30 本經典編程書籍。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!

TAG: |