分享八款經典HTML5小遊戲源碼

2、中國象棋

棋類遊戲在桌面遊戲中已經非常成熟，中國象棋的版本也非常多。今天這款基於HTML5技術的中國象棋遊戲非常有特色，我們不僅可以選擇中國象棋的遊戲難度，而且可以切換棋盤的樣式。

程序寫累了，喝上一杯咖啡，和電腦對弈幾把吧，相信這HTML5中國象棋遊戲的做到算法你比較清楚，可以打開源碼來研究一下這款HTML5中國象棋遊戲。

3、奇葩版Flappy Bird,HTML5 Flappy Text遊戲

前段時間Flappy Bird遊戲那是相當的火，有無數年輕人為之瘋狂，這里我們要分享一款奇葩版的Flappy Bird——HTML5 Flappy Text遊戲，用若干個字母來代替bird，每觸碰一個障礙，字母就會少一個。一起來玩玩吧。

4、吃豆人遊戲

HTML5吃豆人遊戲，畫面上有一個吃豆人和一群怪物，你需要控制吃豆人移動吃掉路上的小豆子，一旦吃豆人遇到怪物被吃掉的時候，你就GAME OVER了。

這款HTML5遊戲還有一點沒完善，就是吃豆人碰到怪物的時候不能被怪物吃掉，有興趣的同學可以繼續把它完善。HTML5遊戲開發不僅需要技術，也需要創意。

5、太空戰機遊戲

這又是一款製作精良的HTML5遊戲，該HTML5遊戲的主角是一架英勇威武的太空戰機，進入遊戲後按」Z」鍵發射子彈，消滅敵機。

該HTML5戰機遊戲的特點是：

1、遊戲畫面非常華麗逼真，並且加入聲音元素，讓遊戲更加迷人；2、遊戲元素很多，敵機類型和發射子彈類型也很多，讓玩家不會枯燥。

6、超級瑪麗遊戲重體驗

還記得小時候一起玩過的超級瑪麗冒險遊戲嗎？是的，那是我們小時候很火的一款遊戲，今天老外利用HTML5技術讓超級瑪麗可以在網頁上跑了，HTML5版的超級瑪麗雖然沒有原版的功能強大，但是如果你有興趣，完全可以把它寫完善了。

HTML5真的很強大，HTML5遊戲方面更是犀利。

7、城市消消樂

很不錯的HTML5消除遊戲，同樣顏色的建築相鄰，可以將它們進行合成，建築隨之升級。

必要的時候可以點擊沒有與之相鄰的建築物進行拆除。遊戲結束後會有當前分數和歷史最高分數，有預留的分享功能待開發，有需要的下手吧！

8、捕魚達人

非常逼真的捕魚達人網頁遊戲源碼下載，基於HTML5和JS特效做到，遊戲動畫非常的炫，不卡頓，大家有時間的完全可以學習學習，HTML5做遊戲跟客戶端其實是各有各的優勢，做到平衡就好。

怎麼運行HTML 5遊戲的源代碼

HTML5遊戲是通過html+javascript+css技術開發的遊戲，屬於網頁遊戲，可以運行在HTML5的網頁瀏覽器中。

運行HTML5遊戲，需要一個支持HTML5的網頁瀏覽器，比如IE10或11，google的chrome瀏覽器，火狐firefox，百度瀏覽器，或者UC，QQ瀏覽器，獵豹瀏覽器。

早期的IE9以前的版本是不行的。瀏覽器可以到百度搜尋下載，然後安裝。使用方法就是普通的上網。

下載的HTML5遊戲文件解壓後，文件夾中會有一個後綴為html的文件，應該是在根目錄下。其他文件可能有js後綴，css後綴，或者圖片，請保持相對位置不能動。

然後下面你就需要運行那個html文件了：

方法1：你可以打開瀏覽器，將html文件拖拽到瀏覽器中。

方法2：也可以在文件夾中選中html文件，點右鍵，在菜單選擇「打開方式」，然後選擇火狐或Chrome瀏覽器即可。

腳本之家粉絲福利，請查看！

●大量學習視頻、編程資源，歡迎收藏~

●作為工程師，最起碼要知道的幾個公眾號

●分享7款超讚的CSS3動畫效果，免費獲取！

●99%的工程師都會收藏的書單