遊戲技術相關研究

2017年5月13日 星期六

【three.js】最強WebGL封裝套件-致敬經典俄羅斯方塊

上午2:01 Posted by Channel Chung No comments

點我玩遊戲

操作說明:
   上 or W:旋轉方塊
   下 or S :控制方塊快速下降
   左 or A :左移動方塊
   右 or D :右移動方塊

遊戲介紹:
    今天就繼續以個人最愛的經典遊戲來練習three.js,俄羅斯方塊大家因該多多少少都有看過或玩過吧,這也是今天的練習主題,廢話就不多說先上遊戲畫面圖:


下面是是遊戲影片:


另外這次程式碼有檔手持裝置,所以使用手持裝置開啟網址時會跳出警告視窗,其實three.js也是支援手持裝置的,只是我還沒處理觸碰螢幕的操作輸入,所以就暫時先過濾掉手持裝置了,等哪天想到再來加觸碰螢幕的方塊操作功能。

有興趣的同學也一樣可以到GitHub下載原始碼,只限用於學術研究用,請勿使用在商業用途上。
點我至GitHub下載原始碼


-v0.02 版本更新
[新增設定視窗]
  •   cameraZoom:縮放攝影機
    •  speed:磚塊下降速度
    •  AI:AI開啟狀態
      • 無:不使用AI
      • mode 1:使用第一種AI
        • 參考網址:
      • mode 2:使用第二種AI
        • 參考網址:
    • Close Controls:關閉設定視窗
    •  Open Controls:開啟設定視窗
 -影片如下:

 












 

0 意見:

張貼留言