27例新颖的HTML5网页游戏设计欣赏

2016-02-16 20:00 20 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的27例新颖的HTML5网页游戏设计欣赏,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - 平面设计 】

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

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

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

1) Sand Trap

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

2) Entanglement

容易上瘾的益智游戏

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

3) Galactic Inbox

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

4) BananaBread

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

5) Bombermine

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

6) Vector Runner Remix

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

7) Koubachi

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

8) Contre Jour

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

9) Cube

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

10) Save the Day

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

11) Connection

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

12) Chrome World Wide Maze

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

13) Shell heroes

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

14) 3D Bricks

3D 打砖块

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

15) Fluid Table Tennis

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

16) Unsnarl it

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

17) Input/Output

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

18) Universe within

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

19) Missile game

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

20) Circle game

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

21) Pappu Pakia

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

22) Tiny Monsters

不错的益智游戏。

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

23) HeadBoxing

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

24) Uncle Mike

抓动物,需要用摄像头。

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

25) Get Motion Media

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

26) Sketch out

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

27) Lux Ahoy

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

27例新颖的HTML5网页游戏设计欣赏,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1573191.html

延伸阅读
为了帮助了解当今HTML 5的一些新玩意儿,我们现在就进入正题,开始使用一些新的结构元素。我们创建HTML 5文档第一件需要做的事情就是使用新的文档类型。 根据你们询问的人,HTML 5不是迈向创造更语义化的网络的下一 个重要步伐,就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。 争论双方的问题在于,很少的站点在自然环境下使用...
半扁平化设计 过去纯粹的扁平化设计几乎统治了整个网页设计市场,但今年由于具体化设计的影响,今年的网页设计会变得更加趋向于立体化。这种转变将体现在一些光和阴影的运用,成为所谓“半扁平化设计”。扁平化设计的兴起是为了适应现代科技推崇的极简化设计风格。扁平化设计仍会存在,但已不再被大量发展并使用。适量渐变阴影的使用将会...
对404都是避之不及,何来体验之说?原因可能是大多数404页面都太粗糙了,而今天这组404页面,绝对能颠覆你之前一切对404的看法。 Blue Daniel dario brozzi Mashable Template Monster Defrozo Diesel StickerMule centresource agens Tinsanity MailChimp Good Dog Design Tripomatic R...
标签: Web开发
W3C 在 2008年 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如 header, section, footer, 以及 figure。 通过制...

经验教程

494

收藏

79
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部