8 Awesome HTML5 and Javascript Effects

8 Awesome HTML5 and Javascript Effects


8 Awesome HTML5 and Javascript Effects

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

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

13 comments

Html Codes Dude
Thu, 12th May 2011
Some really awesome stuff being done with HTML5. I really like the WebGL Globe and Surface. Reply
Tom Hermans
Wed, 18th May 2011
Damn, these are some neat tricks. Now find the time to experiment with some of them myself.. Reply
Javascript Countdown Timer
Wed, 25th May 2011
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
Wed, 25th May 2011
This is really good one to do with HTML5. Although 'Typographic Effects' is not found. Thanks Reply
dinesh
Fri, 27th May 2011
awesome Reply
the bee
Fri, 3rd June 2011
Cool!!! Reply
Vegas Designer
Sat, 11th June 2011
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
Wed, 29th June 2011
Insane! Reply
HARRDEP RAWAT
Thu, 14th July 2011
YOUR SITE VERY HELPFUL FOR ME SOOOOOO THANX Reply
nag
Fri, 15th July 2011
so nice
Reply
Ranjit J Puri
Sat, 13th August 2011
Nice,very helpfull
Reply
rezoner
Sun, 9th September 2012
Hi. Maybe you gonna like my experimenting with explosions using Canvas and sprites only. http://rezoner.net/labs/html5explosions/ Reply
Nicco
Thu, 10th April 2014
WOOOW!
That's really amazing!!! Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement