React Tetris 在手機瀏覽器玩經典「俄羅斯方塊」免安裝應用程式

React Tetris 在手機瀏覽器玩經典「俄羅斯方塊」免安裝應用程式
Copyright: alexandrmusuc / 123RF Stock Photos

小時候很流行掌上型俄羅斯方塊(Tetris)遊戲機,只要放兩顆三號電池就能開始玩,也能隨時暫停、靜音或調整難易度,後來才知道俄羅斯方塊是蘇聯的電腦工程師設計,也是目前全世界第二暢銷的電子遊戲(僅次於當個創世神 Minecraft),其經典的配樂是俄羅斯民歌《貨郎》,大家應該都可以哼上幾段旋律吧!俄羅斯方塊是由七種四格骨牌組成,當某一行被填滿時就會消除並轉為得分。

中國開發者 Chvin 使用 React、Redux、Immutable 實現經典俄羅斯方塊,只要打開手機瀏覽器、進入俄羅斯方塊網站就能開始玩,將你的行動裝置化身為掌上型遊戲機,就像是之前介紹過的「小霸王遊戲機懷舊遊戲區,將手機變手把重溫 FC 紅白機經典遊戲」不用額外下載安裝應用程式。

這個網頁版的俄羅斯方塊(React Tetris)使用響應式設計,得以在任何尺寸大小的畫面上正常顯示,玩家可以調整遊戲起始行、級別(速度),搭配上旋轉和快速掉落按鈕,如果想重溫一下經典遊戲,不妨將此網頁加入書籤收藏。

更多的技術細節說明請參考 GitHub 頁面。

俄羅斯方塊 React Tetris
https://chvin.github.io/react-tetris/

使用教學

STEP 1

以瀏覽器開啟俄羅斯方塊 React Tetris 網站就可以直接操作,剛開始時可以使用上下調整起始行、左右調整級別(速度),也能選擇是否開啟音效,按下左邊按鈕就會開始遊戲。

俄羅斯方塊 React Tetris

STEP 2

旋轉跟掉落的位置可能需要適應一下,右邊會提示下一個方塊,成功消除後就會計分,一次消除一行得 100 分、兩行得 300 分、三行得 700 分、四行得 1500 分,方塊掉落速度會隨著消除的行數逐漸增加,每二十行會增加一個級別。

俄羅斯方塊 React Tetris

遊戲進行時可隨時按下暫停或重新開始。

俄羅斯方塊 React Tetris

STEP 3

如果想要讓遊戲機的畫面更大一點,點選 Safari 瀏覽器左上角「隱藏工具列」可獲得更好的操作效果。

俄羅斯方塊 React Tetris

值得一試的三個理由:

  1. 使用 React 開發的俄羅斯方塊遊戲,可直接在手機上遊玩
  2. 調整遊戲的起始行、級別(速度)也能暫停或開啟關閉音效功能
  3. 開放原始碼,可以在 GitHub 找到相關資訊
分享本文
Pseric

Pseric

學生時代成立網站以來堅持每日更新,在挖掘資料的過程中慢慢找出自己經營網站的方法,最開心的是有一群一起長大的讀者。

文章: 6497