49个超炫的HTML 5示例

开发 前端 后端
和HTML5在很酷的动画和简单的游戏等方面一样,除非HTML5在未来几年有一些重大发展,否则Flash在富内容网页应用和游戏方面永远是不错的选择。下面收集了50个非常酷的HTML5应用实例来展示其无限潜力。

Flash和HTML5的比较已经成为现在最热门的主题之一,我们不去争论哪个好哪个不好。和HTML5在很酷的动画和简单的游戏等方面一样,除非HTML5在未来几年有一些重大发展,否则Flash在富内容网页应用和游戏方面永远是不错的选择。下面收集了50个非常酷的HTML5应用实例来展示其无限潜力。

1. Tunneler

Tunneler

2. JuicyDrop

juicydrop

3. Magnetic

Magnetic

4. Trail

Trail

5. Sinuous

Sinuous q

#p#

6.DDD

DDD

7. Harmony

harmony

8. Lines go all over the place.

Lines go all over the place.

9. Chrome Canopy

Chrome Canopy

10. Ball Pool

Ball Pool

#p#

11. Chain Reaction

Chain Reaction

12. Entanglement

Entanglement

13. Blob

Blob

14. Biolab Disaster

Biolab Disaster

15. Google Gravity

Google Gravity

#p#

16. Core

Core

17. Gartic

Gartic

18. HTML5 Video Destruction

HTML5 Video Destruction

19. The tristan washing machine

the trista

20. Changing Background

Background Changing

#p#

21. HTML5 Drum Kit

HTML5 Drum Kit

22. Dynamic Content Injection

Dynamic Content Injection

23. Geolocation

Geolocation

24. Video for Everybody!

Video for Everybod

25. Projekktor Zwei

 

Projekktor

 

#p#

26. ContentEditable

ContentEditable

27. Drag and drop

Drag and drop

28. Canvas Photo

Canvas Photo

29. 360° MP3 player

360° MP3 player

30. JaVortex

 

JaVortex

 

#p#

31. 3D Model Viewer

Javascript 3D Model Viewer

32. 3D Landscape on HTML5 canvas

3D Landscape

33. Stalk Buttons

 

Stalk Buttons

 

34. CanvasMol

CanvasMol

35. Blob Sallad

 

Blob Sallad

#p#

36. SublimeVideo

SublimeVideo

37. Catch it!

Catch it!

38. Breakout Sketchpad

Breakout Clone

39.

Sketchpad

40. Simple Drag and Drop

Simple Drag and Drop

#p#

41. CanvasPaint

CanvasPaint

42. Monster

Monster

43. Making waves with html5

making waves

44.Starfield

Starfield

 

45. The mesmerizer

The mesmerizer

#p#

46. Bomomo

bomomo

47. Canvas Nebula

Canvas Nebulaq

48. Liquid Particles

Liquid Particles

49. Moving Cloth in HTML5

Moving Cloth in HTML5

英文原文:50 Advanced HTML5 Demos to show It’s Power

译文:http://html5age.com/2010/12/31/50-html5-cases.html

【编辑推荐】

  1. Adobe发布HTML 5网页动画工具Adobe Edge
  2. 我们离HTML 5还有多远?
  3. HTML 5可以做五件事情 超出你的想象
  4. 20佳惊艳超炫的HTML 5应用程序示例
  5. 九个令人惊叹的HTML 5和JavaScript实验
责任编辑:陈贻新 来源: html5时代
相关推荐

2011-05-04 09:55:38

HTML 5

2012-03-09 09:37:01

HTML 5

2011-09-02 09:51:59

HTML 5

2012-06-20 11:19:04

jQuery

2011-06-21 13:31:13

JavaScript

2015-07-14 09:50:28

PHPHTML5

2011-03-03 10:16:46

jQueryJavaScript

2013-04-17 10:16:25

语言

2011-06-29 13:22:58

CSS3

2010-12-13 13:33:23

jQuery相册

2011-04-18 17:17:45

CSSweb开发

2011-03-28 17:58:17

ibmdwHTML5

2011-11-11 10:01:37

HTML 5

2015-02-28 09:31:25

HTML5JavaScript

2011-03-10 10:27:23

HTML 5

2022-09-21 13:32:39

Python装饰器

2023-08-04 09:56:15

2011-06-14 18:37:50

Flash

2024-03-01 09:12:01

2013-10-18 10:11:10

AngularJS项目
点赞
收藏

51CTO技术栈公众号