靈感創(chuàng)意!27例新穎的HTML5網(wǎng)頁游戲設(shè)計(jì)

2013-11-21    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.bouu.cn  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

HTML5如雨后春筍一般迅猛發(fā)展,用戶和開發(fā)者也漸漸熟悉了HTML5的環(huán)境,在游戲開發(fā)領(lǐng)域,HTML5更是比Flash更具吸引力。

HTML5在應(yīng)用開發(fā)、圖像、視頻方面,HTML5的優(yōu)勢(shì)凸顯,僅需原生代碼即可實(shí)現(xiàn)。

這里是30例創(chuàng)新十足、魅力無窮的HTML5游戲推薦,閑暇時(shí)間點(diǎn)開一個(gè)玩玩吧,同時(shí)別忘了借鑒一下經(jīng)驗(yàn),以后你做類似設(shè)計(jì)的時(shí)候可以作參考!

1) Sand Trap

想辦法往桶里面倒沙子,簡(jiǎn)單又有趣,鼠標(biāo)點(diǎn)擊旋轉(zhuǎn)方塊來倒沙子。

1.-sandtrap

 

2) Entanglement

容易上癮的益智游戲

六角拼圖,看似簡(jiǎn)單做起來難,自己試試吧!

3.-Entanglement

 

3) Galactic Inbox

讓人不免想起了R-Type這款經(jīng)典游戲,你是Gmail,你的目標(biāo)是抗擊垃圾郵件的侵略(好冷。。。)

4.-Galactic-Inbox

 

4) BananaBread

Mozilla開發(fā)的、用于檢測(cè)瀏覽器性能的HTML5游戲,3D第一人稱視角,使用了JS以及WebGL來渲染3D效果。

5.-BananaBread

 

5) Bombermine

經(jīng)典游戲炸彈人,支持實(shí)時(shí)多玩家。

6.-Bombermine

 

6) Vector Runner Remix

靈感似乎來自Tron(電子世界爭(zhēng)霸戰(zhàn))的游戲: 操作很簡(jiǎn)單,跳躍障礙

7.-Vector-Runner-Remix

 

7) Koubachi

保持花園中作物的健康,種植、澆水、除蟲。

8.-Koubachi

 

8) Contre Jour

支持網(wǎng)頁瀏覽器、安卓、WP、iOS以及塞班,游戲的焦點(diǎn)是Petit,是個(gè)液滴,你需要移動(dòng)它,收集藍(lán)色能量球,沖到關(guān)底。

9.-Contre-Jour

 

9) Cube

三維風(fēng)格的解謎游戲,依賴谷歌地圖,需要在環(huán)球各大城市中尋找到你的朋友。非常有趣!

10.-Cube

 

10) Save the Day

風(fēng)格可愛,趕緊救人去吧!

11.-Save-The-Day

 

11) Connection

很有趣的益智游戲,連連看。

12.-Connection

 

12) Chrome World Wide Maze

Google的實(shí)驗(yàn)創(chuàng)新作品,這是其中之一,3D迷宮,也可以用手機(jī)玩耍。

13.-Chrome-World-Wide-Maze

 

13) Shell heroes

策略類+益智類游戲的合體。幫助小烏龜掃除道路上的障礙。

15.-Shell-Heroes

 

14) 3D Bricks

3D 打磚塊

16.-3D-Bricks

 

15) Fluid Table Tennis

有點(diǎn)像乒乓球的一款游戲,音效十分突出,可以和朋友一起玩。

17.-Fluid-table-tennis

 

16) Unsnarl it

想要快刀斬亂麻?抱歉,這款游戲可不行,很好的益智游戲,慢慢解吧

18.-Unsnarl-it

 

17) Input/Output

輸入端接到輸出端,怎么設(shè)計(jì)取決于你。

19.-Input-Output

 

18) Universe within

揭露了宇宙循環(huán)的本質(zhì),很贊的手繪風(fēng)格。

20.-Universe-within

 

19) Missile game

鼠標(biāo)控制飛行,需要高度集中和迅捷的反應(yīng)力。

21.-Missile-Game

 

20) Circle game

游戲規(guī)則很簡(jiǎn)單,吃掉小的圓點(diǎn),躲避大的圓點(diǎn)。

22.-Circle-game

 

21) Pappu Pakia

類似開直升飛機(jī)的那種游戲,需要一直點(diǎn)鼠標(biāo)(或者觸摸屏)來保持飛行。

23.-Pappu-Pakia

 

22) Tiny Monsters

不錯(cuò)的益智游戲。

24.-Tiny-Monsters

 

23) HeadBoxing

今天過的不如意?那么打開攝像頭,然后把眼前的人痛扁一頓吧,一局60秒時(shí)間,拳賽開始!

25.-Headboxing

 

24) Uncle Mike

抓動(dòng)物,需要用攝像頭。

26.-Uncle-mike

 

25) Get Motion Media

這個(gè)有點(diǎn)像Kinect的攝像頭跳舞毯游戲利用了手勢(shì)動(dòng)作。玩這個(gè)游戲的時(shí)候需要有攝像頭,并且離攝像頭幾米遠(yuǎn),然后屏幕上的指示器會(huì)引導(dǎo)你游戲。

28.-Get-motion-media

 

26) Sketch out

保衛(wèi)星球,抵抗入侵。發(fā)射炮彈粉碎敵人吧!

29.-Sketch-out

 

27) Lux Ahoy

用炮彈射擊對(duì)手直至沉沒,然后進(jìn)入下一關(guān)。

30.-Lux-Ahoy

 

日歷

鏈接

個(gè)人資料

存檔