程式相關
程式碼內以有詳細註解,以下只針對需要特別講解的部分在作重點說明:
如何將遊戲拉伸到全畫面 — index.tsx
只要改變元件的screen_mode參數就可以設定遊戲畫面要以正常比例顯示或拉伸到全畫面:
<Arkanoid width_base={1024} height_base={896} screen_mode={0}/>
<Arkanoid width_base={1024} height_base={896} screen_mode={1}/>
關於遊戲關卡 — Round.ts
遊戲關卡由11x18二維陣列組成:
// 關卡-1.
public static sRound1 = [
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[9,9,9,9,9,9,9,9,9,9,9],
[5,5,5,5,5,5,5,5,5,5,5],
[6,6,6,6,6,6,6,6,6,6,6],
[8,8,8,8,8,8,8,8,8,8,8],
[3,3,3,3,3,3,3,3,3,3,3],
[1,1,1,1,1,1,1,1,1,1,1],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0],
]
陣列內數字分別代表以下磚塊顏色:
- 【0】空
- 【1】白色
- 【2】橙色
- 【3】淡藍
- 【4】綠色
- 【5】紅色
- 【6】藍色
- 【7】粉色
- 【8】黃色
- 【9】灰色
- 【10】金色
磚塊的生命值與消滅後得分設定在Brick.ts檔案內
// 磚塊分數表.
private static sScoreTable = [80,70,60,50,90,100,110,120,200,9999];
// 磚塊生命表.
private static sLifeTable = [1,1,1,1,1,1,1,1,2,9999];
未實作功能
測試影片
線上玩
支援平台
- 暫時只支援桌上電腦與筆電操作
- 預設開啟自動玩模式,如果要改為手動玩請鍵盤按下A切換為手動玩
功能按鍵
- F鍵:FPS開關
- D鍵:除錯模式開關
- S鍵:音效開關
- R鍵:自爆
- A鍵:自動玩開關
試玩網址
後記
當我還是個小孩時,最喜歡的事情就是玩那些老舊的電子遊戲,現在也一樣愛玩。所以我一直想要抽出時間來重製這些經典遊戲。透過重製,我不僅可以重溫小時候玩過的遊戲,還可以練習新的程式語言,讓這些懷舊遊戲再次復活。
當我聽到”懷舊”這個詞時,就能夠感受到它背後的意義:回憶起我們曾經擁有過的、珍貴的、獨一無二的時光。當然,回到過去並不總是一件好事,但是回想起那些我們喜歡的遊戲和活動,往往可以讓我們的心情變得更加愉悅。
不僅如此,透過重製懷舊遊戲,我們還可以學習和練習新的程式語言和工具。如果想要實現一個懷舊遊戲的新版本,那麼就需要運用現代技術和工具來達成這個目標。這樣做不僅可以學到新的技能,還可以讓我將這些新技能應用到未來的專案中。
當然,最令人期待的還是重新體驗那些小時候玩過的遊戲。我們曾經花費無數的時間在這些遊戲上,當時那些遊戲對我們來說是如此重要。現在,透過重製這些遊戲,可以讓這些美好回憶再次蔚然成風。
希望大家也能喜歡這個系列,如果有你喜歡的懷舊遊戲,歡迎在留言分享,也許下次重製的主題就是它了!我們下次再見!