35款優秀的基於 HTML5 開發的網頁遊戲

　　HTML5 是現在 Web 開發領域的熱點，隨著各大瀏覽器對 HTML5 支援人員的不斷完善，越來越多的開發人員開始使用 HTML5 來開發互動性強、效果出眾的 Web 應用和遊戲。今天這篇文章向大家分享35款優秀的基於 HTML5 開發的網頁遊戲，相信你看完這些例子後會對未來的 HTML5 發展充滿無限期待。

Cut the rope

650) this.width=650;" alt="" src="http://www.bkjia.com/uploads/allimg/131228/131QG2R-0.jpg" />

Emberwind

650) this.width=650;" class="alignnone size-full wp-image-11727" title="emberwind" alt="" width="600" height="351" src="http://www.bkjia.com/uploads/allimg/131228/131QLH8-1.jpg" />

Runfield

650) this.width=650;" class="alignnone size-large wp-image-11762" title="runfield" alt="" width="601" height="283" src="http://www.bkjia.com/uploads/allimg/131228/131QL634-2.jpg" />

Animals Puzzle

650) this.width=650;" class="alignnone size-full wp-image-11731" title="animal puzzles" alt="" width="600" height="495" src="http://www.bkjia.com/uploads/allimg/131228/131QH003-3.jpg" />

Solitaire

650) this.width=650;" class="alignnone size-large wp-image-11741" title="Solitaire" alt="" width="600" height="309" src="http://www.bkjia.com/uploads/allimg/131228/131QI301-4.jpg" />

Angry Birds

650) this.width=650;" class="alignnone size-full wp-image-11761" title="angry birds" alt="" width="600" height="414" src="http://www.bkjia.com/uploads/allimg/131228/131QJ919-5.jpg" />

Pirates Daisies

650) this.width=650;" class="alignnone size-full wp-image-11736" title="Pirates Daisies" alt="" width="600" height="408" src="http://www.bkjia.com/uploads/allimg/131228/131QH306-6.jpg" />

Torus-3D

650) this.width=650;" class="alignnone size-full wp-image-11744" title="Torus-3D" alt="" width="601" height="417" src="http://www.bkjia.com/uploads/allimg/131228/131QM428-7.jpg" />

Bejeweled

650) this.width=650;" class="alignnone size-full wp-image-11730" title="bejeweled" alt="" width="601" height="460" src="http://www.bkjia.com/uploads/allimg/131228/131QK1V-8.jpg" />

Robots Are People Too

650) this.width=650;" class="alignnone size-full wp-image-11722" title="rapt" alt="" width="600" height="362" src="http://www.bkjia.com/uploads/allimg/131228/131QKK3-9.jpg" />

Google Pac-Man

650) this.width=650;" class="alignnone size-full wp-image-11737" title="Google Pac-Man" alt="" width="600" height="213" src="http://www.bkjia.com/uploads/allimg/131228/131QLD3-10.jpg" />

Html5-Helicopter

650) this.width=650;" class="alignnone size-full wp-image-11735" title="Html5-Helicopter" alt="" width="599" height="467" src="http://www.bkjia.com/uploads/allimg/131228/131QL324-11.jpg" />

Agent8ball

650) this.width=650;" class="alignnone size-large wp-image-11740" title="Agent8ball" alt="" width="601" height="317" src="http://www.bkjia.com/uploads/allimg/131228/131QIU3-12.jpg" />

The Convergence

650) this.width=650;" class="alignnone size-full wp-image-11723" title="The Convergence" alt="" width="615" height="410" src="http://www.bkjia.com/uploads/allimg/131228/131QJ3W-13.jpg" />

Sumon

650) this.width=650;" class="alignnone size-full wp-image-11729" title="sumon" alt="" width="615" height="398" src="http://www.bkjia.com/uploads/allimg/131228/131QK5b-14.jpg" />

Crystal Galaxy

650) this.width=650;" class="alignnone size-full wp-image-11732" title="Crystal Galaxy" alt="" width="601" height="430" src="http://www.bkjia.com/uploads/allimg/131228/131QK103-15.jpg" />

Sand Trap

650) this.width=650;" class="alignnone size-full wp-image-11733" title="sand trap" alt="" width="599" height="668" src="http://www.bkjia.com/uploads/allimg/131228/131QKR9-16.jpg" />

Coverfire

650) this.width=650;" class="alignnone size-full wp-image-11757" title="Coverfire" alt="" width="599" height="448" src="http://www.bkjia.com/uploads/allimg/131228/131QL927-17.jpg" />

Missile Fleet

650) this.width=650;" class="alignnone size-full wp-image-11749" title="Missile Fleet" alt="" width="599" height="361" src="http://www.bkjia.com/uploads/allimg/131228/131QK959-18.jpg" />

Blobby Volley 2

650) this.width=650;" class="alignnone size-full wp-image-11758" title="Blobby Volley 2" alt="" width="600" height="451" src="http://www.bkjia.com/uploads/allimg/131228/131QHE4-19.jpg" />

Dark Age

650) this.width=650;" class="alignnone size-full wp-image-11734" title="Dark Age" alt="" width="600" height="470" src="http://www.bkjia.com/uploads/allimg/131228/131QG109-20.jpg" />

Tankworld

650) this.width=650;" class="alignnone size-full wp-image-11750" title="Tankworld" alt="" width="600" height="360" src="http://www.bkjia.com/uploads/allimg/131228/131QL162-21.jpg" />

Canvas Defense

650) this.width=650;" class="alignnone size-full wp-image-11747" title="Canvas Defense" alt="" width="600" height="370" src="http://www.bkjia.com/uploads/allimg/131228/131QIU9-22.jpg" />

Biolab Disaster

650) this.width=650;" class="alignnone size-full wp-image-11738" title="biolab" alt="" width="600" height="415" src="http://www.bkjia.com/uploads/allimg/131228/131QJ0Q-23.jpg" />

Canvas Rider

650) this.width=650;" class="alignnone size-full wp-image-11746" title="Canvas Rider" alt="" width="601" height="298" src="http://www.bkjia.com/uploads/allimg/131228/131QKH7-24.jpg" />

Chain Reaction

650) this.width=650;" class="alignnone size-full wp-image-11739" title="Chain Reaction" alt="" width="600" height="449" src="http://www.bkjia.com/uploads/allimg/131228/131QL636-25.jpg" />

VII

650) this.width=650;" class="alignnone size-large wp-image-11743" title="vii" alt="" width="599" height="305" src="http://www.bkjia.com/uploads/allimg/131228/131QM0G-26.jpg" />

World’s Biggest PAC-MAN

650) this.width=650;" class="alignnone size-full wp-image-11745" title="worlds-biggest-pac-man" alt="" width="600" height="371" src="http://www.bkjia.com/uploads/allimg/131228/131QJ493-27.jpg" />

Sinkhole

650) this.width=650;" class="alignnone size-full wp-image-11748" title="Sinkhole" alt="" width="600" height="381" src="http://www.bkjia.com/uploads/allimg/131228/131QK346-28.jpg" />

3Bored

650) this.width=650;" class="alignnone size-full wp-image-11751" title="3Bored" alt="" width="599" height="448" src="http://www.bkjia.com/uploads/allimg/131228/131QJ212-29.jpg" />

SpaceCanon

650) this.width=650;" class="alignnone size-large wp-image-11752" title="sapcecanon" alt="" width="599" height="310" src="http://www.bkjia.com/uploads/allimg/131228/131QLT7-30.jpg" />

Bombada

650) this.width=650;" class="alignnone size-full wp-image-11753" title="bombada" alt="" width="596" height="407" src="http://www.bkjia.com/uploads/allimg/131228/131QJ5N-31.jpg" />

Blink Wang

650) this.width=650;" class="alignnone size-large wp-image-11754" title="blinkwang" alt="" width="601" height="314" src="http://www.bkjia.com/uploads/allimg/131228/131QHW4-32.jpg" />

Entanglement

650) this.width=650;" class="alignnone size-large wp-image-11755" title="entanglement" alt="" width="602" height="317" src="http://www.bkjia.com/uploads/allimg/131228/131QI637-33.jpg" />

Orbium

650) this.width=650;" class="alignnone size-full wp-image-11756" title="Orbium" alt="" width="600" height="407" src="http://www.bkjia.com/uploads/allimg/131228/131QKP8-34.jpg" />

Fieldrunners

650) this.width=650;" class="alignnone size-large wp-image-11765" title="fieldrunners" alt="" width="600" height="303" src="http://www.bkjia.com/uploads/allimg/131228/131QK0F-35.jpg" />

 

您可能還喜歡

 

• 分享21款豐富多彩的 HTML5 小遊戲
• 8個驚豔的 HTML5 和 JavaScript 特效
• 推薦20佳驚豔的HTML5應用程式樣本
• 推薦21款最佳 HTML 5 網頁遊戲
• 29款基於 HTML 5 Canvas 的網頁遊戲

 

編譯來源：夢想天空 ◆ 關注Web前端開發技術 ◆ 分享網頁設計資源

國際來源：Top 35 Exciting Online / Web Games Built in HTML5

本文出自 “夢想天空” 部落格，請務必保留此出處http://lihongbo.blog.51cto.com/3956353/865895