Use HTML5 to consume time

Source: Internet
Author: User

HTML5 is getting better and better, and its powerful functions are gradually being explored, and various experimental applications emerge one after another. This article introduces several Hakim El hattab

I designed small HTML5 interesting apps. They are very interesting. I just spent two hours on them. After experiencing these small applications, you will find HTML5 is more powerful than you think.

Sinuous

In the vast galaxy space, be careful with red stars, which can be eaten and increased.

Start to experience>

Bakemono

Click in the blank position on the page, and the little monster will throw.

Start to experience>

Keylight

I like this little program very much. In an empty room, double-click the mouse and place the last ball. When I put the two balls, a particle beam hits between the two balls, and make a sweet voice, with small
With the increase of the ball, the particle beam hits every ball. The closer the ball is to you, the more crisp the sound and the higher the tone. This forms continuous music.

Start to experience>

Blob

Some jelly-like things will slide to the position where your mouse clicks. clicking in the middle of the jelly sphere will split it into two halves. When they slide everywhere, and then merged.

Start to experience>

Magnetic

It is also my favorite small program. Double-click the mouse in the night sky to create a star, and create more than a dozen satellites around it. You can create many of these stellar systems, when some of them are close
When a Mass constant galaxy is formed together, more satellites can be attracted to circle them.

Start to experience>

Trail

The colorful ribbons rotate around the mouse arrows as the mouse moves. They are very simple, but smooth, and have beautiful visual effects.

Start to experience>

Particle depth

Cool 3D effect.

Start body
Verification>

Wave

The float of the water surface forms a wave with the mouse, and the float of the water surface also goes down, the effect is very good.

Start to experience>

Participant

Particles float on the screen and expand when the mouse is clicked.

Start to experience>

Translator's note

The loading speed of this HTML5 experiment application is very slow. I thought it was a problem with the HTML5 performance. After studying the source code, I found that Twitter was called on the page.
Ornaments of (http://platform.twitter.com/widgets.js
),
Because there is no Twitter in the world, we have known it for a long time, but these webpages do not know it, so it is still silly to connect, wasting a lot of time. Use Godaddy
It takes about 0.2 seconds to open each page. Some people say they represent advanced productivity.

Source: http://hakim.se/experiments/

Medium
Source of text compilation:Ruishang enterprise CMS
Website content management system
Official Website

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.