HTML5因其跨平臺性的特質已逐漸成爲網絡遊戲開發的熱門新技術。過去，flash多媒體應用可以用來構建線上遊戲，也是小遊戲的主流形態，但是隨着HTML5的到來，改變了線上遊戲的構建方法，用HTML5製作遊戲相比flash更加靈活方便。
你還記得水果忍者嗎？尤其在iphone流暢的ios系統下運行起來非常能緩解壓力，幾乎每個上班族和手機控都裝過這個遊戲，現在已經將其改版成HTML5，並將其開源，下面就爲大家奉上切水果和其他精選HTML5小遊戲源碼，enjoy！
1、切水果
自從iOS和Android興起以來，水果忍者遊戲一直是這兩個平臺上面相當熱門的遊戲，很多玩家都會在工作學習之餘切切水果，打發時間。今天，HTML5網頁版水果忍者遊戲同樣給大家帶來了不同的感覺，趕緊來試試這款好玩的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瀏覽器即可。
