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?
Hypotrochoid with dynamically changing color and diameter. Use the
keyboard to change shapes mid-stream, or move the mouse to create a new
shape.
Particle trails via Perlin noise. Move mouse to change particle motion. Click to randomize parameters.
A playhead travels between keys which resonate in different sounds depending on where they are placed.
Pulsing 3d wires with color cycling and camera tweening, in 1k of JavaScript.
Another experiment inspired by nature - simple drawing tool with flowers as brushes using bezier curves.
*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.
You are getting sleepy, very sleepy…. A resolution independent
rotating spiral – simple, but visually compelling. Click to start, stop,
and reverse the rotation.
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.
Colorful particles follow and rotate around the mouse position to generate an organic trail which then fades out slowly.
An interactive force-directed graph layout.
原文：