10个奇幻的HTML5和Javascript效果(转载)

Alright, HTML5 has been released for quite a while now, and its

capabilities never cease to amaze me. Here, I have got 10 more HTML and

Javascript demonstrations that show you what they can do. Back to few

years ago, implementation of these kind of animations are simply

impossible and only can be done with Flash, but now, look at them,

impressive animations and effects!

I have done a few posts before this, just in case you’ve missed the

previous display of the awesomeness of HTML5 and Javascript, here is the

lists, make sure you check them out:

*13 Amazing Examples of HTML5 and CSS3

*8 Simply Amazing HTML5 Canvas and Javascript Animations

*10 Awesome HTML5, CSS and Javascript DemonstrationsPersonally, I like Blob, keylight and noise field a lot, what do you think?

*Breathing Galaxies

Breathing Galaxies

Hypotrochoid with dynamically changing color and diameter. Use the

keyboard to change shapes mid-stream, or move the mouse to create a new

shape.

*Noise Field

Noise Field

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

*Keylight

Keylight

A playhead travels between keys which resonate in different sounds depending on where they are placed.

*Swirling Tentacles

Swirling Tentacles

Pulsing 3d wires with color cycling and camera tweening, in 1k of JavaScript.

*FlowerPower

FlowerPower

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

*Blob

Blob

A soft blob that can be thrown around the screen so that it

bounces against the browser window. The blob can also be split (double

click) into many blobs, the smaller blobs will merge into a single

bigger blob if they collide.

*Rotating Spiral

Rotating Spiral

You are getting sleepy, very sleepy…. A resolution independent

rotating spiral – simple, but visually compelling. Click to start, stop,

and reverse the rotation.

*Magnetic

Magnetic

Magnetic points are used to control a flow of particles. If there

are many particles orbiting a magnet, it will radiate color and increase

in size.

*Trail

Trail

Colorful particles follow and rotate around the mouse position to generate an organic trail which then fades out slowly.

*Graph Layout

Graph Layout

An interactive force-directed graph layout.

原文:

10 Jaw Dropping HTML5 and Javascript Effects