31 Modern HTML5 Demos That Can Beat Flash

Recently there has been a lot of talk about HTML5, mostly, because of the apple and Adobe conflict. A lot of people even started comparing HTML5 to Adobe’s Flash. Even if Flash can be rather extensive and can create some magical breath-taking things it is not without its bugs and does tend to crash computers a fair bit when it’s not developed right. When this happens, HTML5 comes as a great alternative to the ever-loved Flash.

31 Modern HTML5 Demos That Can Beat Flash

31 Modern and Cool HTML5 Demos

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

Ball Pool

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

Bomomo

The Wilderness Down Town
Nice HTML5 Experiment, with a great "flash-like" look, originally built for Google Chrome browsers.

The Wilderness Down Town

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.

Spread

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

Fireworks

Sandbox HTML5 Experiment
Sandbox is a red-particles shooter that "attacks" some black boxes that fall from the "sky".

Sandbox HTML5 Experiment

HTML 5 Video Distruction
Block based destruction of different HTML5 video, best viewed in webkit-based browsers.

HTML 5 Video Distruction

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

9 Elements Experiment

Parcycle
Parcycle is a Mr. Speaker experiment. It creates a "fire-like" substance that is moving after the mouse. It has a lot of configuration options, like: Speed, Sharpness, Size and Number of Particles.

Parcycle

HTML 5 Tiler 3D
Tiler 3D aims to slide show an unlimited number of equal sized images in a grid of 3d rotating tiles.

HTML 5 Tiler 3D

Sinuous
Sinous is a simple and interesting HTML5 Game, where you control a blue ball and should avoid some other red circles that "attack" you.

Sinuous

Magnetic HTML5 Experiment
Magnetic is an HTML5 experiment, created by Hakim. The particles orbit around magnets which can be dragged around.

Magnetic HTML5 Experiment

Key Light
Key Light is an experiment where a playhead travels between keys, which resonate in sound depending on where they are placed in the room.

Key Light

Anevent Apart HTML5 Experiment
ColorBlendy is an HTML5 experiment useful for designers. It blends colors with different modes like: multiply, overlay, dodge. It also shows the hex value of the indicated color.

Anevent Apart HTML5 Experiment

Anevent Apart HTML5 Experiment 2
The HTML5 Experiment created by Anevent Apart show some beautiful "Night Lights" created on an earth shape.

Anevent Apart HTML5 Experiment 2

Cloth
Cloth is an HTML5 Experiment built by Andrew Hoyer. It moves points and lines by a simple dragging.

Cloth

Defend Yourself
Defend Yourself is an interesting game built with HTML5. You own one gun, which shoots bubbles in different brown circles.

Defend Yourself

3D Chess
3D Chess by nihilogic is a work-in-progress 3D Javascript chess game, rendered using the canvas element.

3D Chess

Canvas Nebula
Canvas Nebula is a simple demonstration of a nebula effect using the HTML5 Canvas element. The effect is created by layering three images, derived from a larger single bitmap source, that fade in and out while increasing in scale.

Canvas Nebula

Monster
Monster is a custom 3 dimensional red shape. It was created by Dean McNamee with the Pre3d tool.

Monster

Drag Anything
Grab anything and drag it in to the drop zone. There is included some text below, but you can drag URLs, bookmarklets, files, anything.

Drag Anything

HTML5 Landscape
Modern 3D landscape built on HTML5 Canvas. Originally created by Seb Lee-Delisle.

HTML5 Landscape

Javascript Particle Engine
JaVortex is a gravitational attraction particle engine n-body simulator in Javascript.

Javascript Particle Engine

Canvas Photo
Canvas Photo is a HTML5 experiment that allows you to import images on a wooden texture and to modify their position as you wish, then export the result to a .PNG or .JPG image.

Canvas Photo

Projekktor HTML5 Experiment
Projekktor is a free HTML5 based video- and audio- player written in Javascript. It solves cross browser and compatibility issues, offers flash fallback for ancient browsers, adds some eye candy and provides powerful non standard features.

Projekktor HTML5 Experiment

Video for Everybody
Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 element, falling back to Flash automatically, without the use of JavaScript or browser sniffing.

Video for Everybody

Where am I?
Where I Am is a modern HTML5 application that will plot your approximate location and display it on a map.

Where am I?

Hakim HTML5 Experiment
Core is a modern and interesting HTML5 game built by Hakim. The main idea of the game is to stop the red dots that attack you.

Hakim HTML5 Experiment

Bio Lab
Biolab Disaster is a game, purely made in HTML5 and Javascript. Working best with Chrome and Safari.

Bio Lab

Entanglement
Entanglement is an HTML5 game, done by Gopher Wood Studios and is a part of the Chrome Experiments.

Entanglement

Google Gravity
Google Gravity is a modern project by Mr. Doob. While accessing the web page, all of the elements fall too the footer of the webpage, remaining active.

Google Gravity

Other Resources

Conclusion

Even if with HTML5, beautiful, modern and interesting things can be made, you shouldn't forget about Adobe Flash, as it is still the leader between the HTML5 vs. Flash fight.

Opinions expressed in this article are those of the author and not necessarily those of Onextrapixel.