Best Collection Of Awesome HTML5 Demos

July 17, 2014
1 Star2 Stars3 Stars4 Stars5 Stars

Gone are the days of boring websites that only used plain text pages and boring simple colors. Today, the possibilities are endless as to what can be produced.

Ball Pool

It is an awesome experiment, where you can drag multi-colored balls and also create some new ones.

html5-demos-1

Bomomo

In this experiment by using some small balls you may create 15+ different kinds of shapes, circles, and forms.

html5-demos-2

The Wilderness Down Town

Nice HTML5 Experiment, with a great “flash-like” look, originally built for Google Chrome browsers.

html5-demos-3

Spread

Great multi-colored shapes-creator built with Flash Canvas. FlashCanvas is a JavaScript library which adds the HTML5 Canvas support to Internet Explorer. It renders shapes and images via Flash drawing API, and in many cases, runs faster than other similar libraries which use VML or Silverlight.

html5-demos-4

Fireworks

Fireworks creator, build with javascript, with the gravity changing ability. Works great with Chrome.

html5-demos-5

Sandbox HTML5 Experiment

Sandbox is a red-particles shooter that “attacks” some black boxes that fall from the “sky”.

html5-demos-6

HTML 5 Video Distruction

Block based destruction of different HTML5 video, best viewed in webkit-based browsers.

html5-demos-7

9 Elements Experiment

Canvas, is an HTML5 experiment built by 9 Elements. It moves multi-colored particles after the mouse movements.

html5-demos-8

Canvas Sphere

Canvas Sphere by Emil Korngold renders a 2D projection of the 3D points of a sphere using a tiny sprite 3D engine. The demo uses z-sorting and alpha motion blurring to give the sense of 3D and rotation. Check out the awesome demo!


Canvas-Sphere

Marbles

Simple physics demo using the freshly released A3 WebGL Engine. Make sure to use Chrome to be able to see the demo. Pretty cool!


Marbles

Noise Field

Particle trails via Perlin noise. Move mouse to change particle motion. Click to randomize parameters.


Noise-Field

Fishbowl

An amazing HTML 5 test, created by Microsoft to test the performance capability of your browser. Try it and see how many fishes you can run.


Fishbowl

Sticky Thing

Throw it and see if it sticks.


Sticky-Thing

Breathing Galaxies

Is a hypotrochoid with dynamically changing color and diameter powered by JavaScript. You can use the keyboard to change shapes mid-stream, or move the mouse to create a new shape.


Breathing-Galaxies

Flower Power

Another experiment inspired by nature – simple drawing tool with flowers as brushes using bezier curves.


Flower-Power

One Hour Per Second

Holy nyans! YouTube now has one hour of video uploaded to the site every second. To put that incredible figure in context, Youtube created an HTML5 site with some figures to compare it to — for example, how many nyan cat “nyans” there are in one day (e.g. 24 seconds of uploads)? Answer: 345,600!


One-Hour-Per-Second

 

Leave a Reply

Your email address will not be published. Required fields are marked *