Kill time with HTML5

HTML5 is getting better, its powerful function is gradually dug out, a variety of experimental applications, this article introduces several Hakim El Hattab design HTML5 Fun small applications, they are very interesting, I just spent two hours on them. When you experience these small applications, you will find that HTML5 is more powerful than you think.

Sinuous

Perform in the vast galaxy, carefully loaded with red stars, Green Planet can eat, can increase physical strength.

Start Experience >>

Bakemono

The mouse clicks in the blank position of the page, this little monster will rush over.

Start Experience >>

Keylight

I like this little program too, in an empty room, double-click the mouse, will be placed on a small ball, when put into two balls, a particle beam in the two ball between the impact, and make a pleasant sound, as the ball increases, the particle beam in each of the ball shuttle between the impact, the closer to you the ball, the more crisp sound, the higher the tone, This creates a continuous music.

Start Experience >>

Blob

Some jelly-like stuff that slides to your mouse clicks, clicks in the middle of a jelly ball, pulls it in half, and when it slides around, it comes together again.

Start Experience >>

Magnetic

It's also one of my favorite little programs. The mouse in the night sky double click, can create a star, while creating more than 10 satellites around it, you can create many of these stellar systems, when some of them close together to form a larger mass of the star system, can attract more satellites around them.

Start Experience >>

Trail

Colorful ribbons, with the mouse flapping, the mouse is not moving, it revolves around the mouse arrow, very simple, but very smooth, visual effect is very beautiful.

Start Experience >>

Particle Depth

Very cool three-dimensional effect.

Start Experience >>

Wave

Water with the mouse to form a wave, the surface of the floating ball with ups and downs, the effect is very good.

Start Experience >>

Particles

The particles fluttered on the screen and swelled when they encountered the mouse.

Start Experience >>

Translator note

This group of HTML5 experiment application loading speed is very slow, initially thought is the HTML5 itself performance problem, studied the source code only then discovered, the original page has called the Twitter's trim (http://platform.twitter.com/widgets.js), Because there is no Twitter in the world, we already know, but these pages do not know, so also silly to connect, wasted a lot of time. Using Godaddy's server test, each page takes about 0.2 seconds to open. It is said that they represent advanced productivity.