HTML5如雨后春笋一般迅猛发展,用户和开发者也渐渐熟悉了HTML5的环境,在游戏开发领域,HTML5更是比Flash更具吸引力。

HTML5在应用开发、图像、视频方面,HTML5的优势凸显,仅需原生代码即可实现。

这里是30例创新十足、魅力无穷的HTML5游戏推荐,闲暇时间点开一个玩玩吧,同时别忘了借鉴一下经验,以后你做类似设计的时候可以作参考!

1) Sand Trap

想办法往桶里面倒沙子,简单又有趣,鼠标点击旋转方块来倒沙子。

灵感创意!27例新颖的HTML5网页游戏设计
 

2) Entanglement

容易上瘾的益智游戏

六角拼图,看似简单做起来难,自己试试吧!

灵感创意!27例新颖的HTML5网页游戏设计
 

3) Galactic Inbox

让人不免想起了R-Type这款经典游戏,你是Gmail,你的目标是抗击垃圾邮件的侵略(好冷。。。)

灵感创意!27例新颖的HTML5网页游戏设计
 

4) BananaBread

Mozilla开发的、用于检测浏览器性能的HTML5游戏,3D第一人称视角,使用了JS以及WebGL来渲染3D效果。

灵感创意!27例新颖的HTML5网页游戏设计
 

5) Bombermine

经典游戏炸弹人,支持实时多玩家。

灵感创意!27例新颖的HTML5网页游戏设计
 

6) Vector Runner Remix

灵感似乎来自Tron(电子世界争霸战)的游戏: 操作很简单,跳跃障碍

灵感创意!27例新颖的HTML5网页游戏设计
 

7) Koubachi

保持花园中作物的健康,种植、浇水、除虫。

灵感创意!27例新颖的HTML5网页游戏设计
 

8) Contre Jour

支持网页浏览器、安卓、WP、iOS以及塞班,游戏的焦点是Petit,是个液滴,你需要移动它,收集蓝色能量球,冲到关底。

灵感创意!27例新颖的HTML5网页游戏设计
 

9) Cube

三维风格的解谜游戏,依赖谷歌地图,需要在环球各大城市中寻找到你的朋友。非常有趣!

灵感创意!27例新颖的HTML5网页游戏设计
 

10) Save the Day

风格可爱,赶紧救人去吧!

灵感创意!27例新颖的HTML5网页游戏设计
 

11) Connection

很有趣的益智游戏,连连看。

灵感创意!27例新颖的HTML5网页游戏设计
 

12) Chrome World Wide Maze

Google的实验创新作品,这是其中之一,3D迷宫,也可以用手机玩耍。

灵感创意!27例新颖的HTML5网页游戏设计
 

13) Shell heroes

策略类+益智类游戏的合体。帮助小乌龟扫除道路上的障碍。

灵感创意!27例新颖的HTML5网页游戏设计
 

14) 3D Bricks

3D 打砖块

灵感创意!27例新颖的HTML5网页游戏设计
 

15) Fluid Table Tennis

有点像乒乓球的一款游戏,音效十分突出,可以和朋友一起玩。

灵感创意!27例新颖的HTML5网页游戏设计
 

16) Unsnarl it

想要快刀斩乱麻?抱歉,这款游戏可不行,很好的益智游戏,慢慢解吧

灵感创意!27例新颖的HTML5网页游戏设计
 

17) Input/Output

输入端接到输出端,怎么设计取决于你。

灵感创意!27例新颖的HTML5网页游戏设计
 

18) Universe within

揭露了宇宙循环的本质,很赞的手绘风格。

灵感创意!27例新颖的HTML5网页游戏设计
 

19) Missile game

鼠标控制飞行,需要高度集中和迅捷的反应力。

灵感创意!27例新颖的HTML5网页游戏设计
 

20) Circle game

游戏规则很简单,吃掉小的圆点,躲避大的圆点。

灵感创意!27例新颖的HTML5网页游戏设计
 

21) Pappu Pakia

类似开直升飞机的那种游戏,需要一直点鼠标(或者触摸屏)来保持飞行。

灵感创意!27例新颖的HTML5网页游戏设计
 

22) Tiny Monsters

不错的益智游戏。

灵感创意!27例新颖的HTML5网页游戏设计
 

23) HeadBoxing

今天过的不如意?那么打开摄像头,然后把眼前的人痛扁一顿吧,一局60秒时间,拳赛开始!

灵感创意!27例新颖的HTML5网页游戏设计
 

24) Uncle Mike

抓动物,需要用摄像头。

灵感创意!27例新颖的HTML5网页游戏设计
 

25) Get Motion Media

这个有点像Kinect的摄像头跳舞毯游戏利用了手势动作。玩这个游戏的时候需要有摄像头,并且离摄像头几米远,然后屏幕上的指示器会引导你游戏。

灵感创意!27例新颖的HTML5网页游戏设计
 

26) Sketch out

保卫星球,抵抗入侵。发射炮弹粉碎敌人吧!

灵感创意!27例新颖的HTML5网页游戏设计
 

27) Lux Ahoy

用炮弹射击对手直至沉没,然后进入下一关。

灵感创意!27例新颖的HTML5网页游戏设计

拓展阅读:超赞!20个鼓舞人心的HTML5网页游戏设计

原文地址:webdesignerdepot
优设网翻译:@MartinRGB
转摘请注明优设网译文出处,谢谢各位小编。

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。
设计微博:拥有粉丝量56万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

灵感创意!27例新颖的HTML5网页游戏设计
 

收藏
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。