8 Awesome HTML5 and Javascript Effects

Written by Kevin Liew on 10 May 2011
99,506 Views • Inspirations

Introduction

Here we go again, hot from oven, brand new impressive chrome experiments. HTML5 and Javascript have been doing really well in creating all sort of cool animation and effect, however make sure you use chrome, or the latest firefox to view them.

  • WebGL Globe The WebGL Globe is an open platform for geographic data visualization. We encourage you to copy the code, add your own data, and create your own.
  • Nebula Particle System Eye Candy . Designed to test the performance of WebGL. Uses Additive blending to give a nice glowy effect.
  • Particle Playground Use your mouse to interact with the particles on the screen! BE BOLD. Try some crazy stuff. There is much more there than what you might see at first glance.
  • Crazy Tentacles You can move your mouse around and click to clear the canvas.
  • Tron Tank The Tank Program from the 1981 Disney motion picture "Tron"
  • Photo Particle I wondered what would happen if I broke an image down into particles, and had three centres: red, green and blue. Each particle would be attracted to or repulsed by the centres depending on how much of each component colour they contain.
  • Typographic Effects Inner and outer-shadows, Stereoscopy (3D), Rainbow-Neon Glow, and many other interesting text/vector-effects that can be created with .
  • Surface A water-like surface onto which you can drop your photos. You can toggle raindrops on or off, and you can use your mouse to disturb the surface
Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

13 comments
Html Codes Dude 13 years ago
Some really awesome stuff being done with HTML5. I really like the WebGL Globe and Surface.
Reply
Tom Hermans 13 years ago
Damn, these are some neat tricks. Now find the time to experiment with some of them myself..
Reply
Javascript Countdown Timer 13 years ago
great js experiments, thank you very much for sharing.

Can I <a href="http://www.javascriptbank.com/submit/">share this post</a> on my JavaScript library?


Awaiting your response. Thank
Reply
TutorialFeed 13 years ago
This is really good one to do with HTML5. Although 'Typographic Effects' is not found. Thanks
Reply
dinesh 13 years ago
awesome
Reply
the bee 13 years ago
Cool!!!
Reply
Vegas Designer 13 years ago
Cool, but simple stuff. HTML 5 still has a long way to go, that's if it even takes off, i still prefer Flash to create a true interactive experience.
Reply
asensio 13 years ago
Insane!
Reply
HARRDEP RAWAT 13 years ago
YOUR SITE VERY HELPFUL FOR ME SOOOOOO THANX
Reply
nag 13 years ago
so nice
Reply
Ranjit J Puri 13 years ago
Nice,very helpfull
Reply
rezoner 12 years ago
Hi. Maybe you gonna like my experimenting with explosions using Canvas and sprites only. http://rezoner.net/labs/html5explosions/
Reply
Nicco 10 years ago
WOOOW!
That's really amazing!!!
Reply