Awesome (Chrome) Javascript Experiments

I was surfing the web when i got back to Google to check my emails, I accidentally clicked on the more link instead of the Gmail one. The dropdown menu was something i checked before but i thought it would worth the try to check for new experiments on Google Labs. Most of the experiments are well known to the public but there was something in there i never noticed before.

The Google Chrome Experiments page is a showcase of cool experiments for both JavaScript and web browsers created by designers around the world. This place has more than interesting experiments. Ideas and some of tomorrow’s “killer apps” might reside there waiting for someone to use them or be inspired by them.

The most noticable experiments in my opinion are (Tested on Firefox3.5 , Opera10, Google Chrome and Internet Explorer6):

Your World of Text (by Andrew Badr)

From the author:
Your World of Text is an infinite grid of text editable by any visitor. The changes made by other people appear on your screen as they happen. Everyone starts in the same place, but you can scroll through the world using your mouse.
Technology:
Django and jQuery (on App Engine)

The most interesting is that whatever you type, stays there for ever, untill someone writes on top of your message. Runs smoothly on :

• Chrome
• Firefox
• Opera

Internet Explorer has some issues.

Idea on how it can be used: What if someone created a social service based on this experiment?

Javascript 3D Model Viewer (by Jacob Seidelin)

From the Author:
Javascript 3d Model Viewer is an experiment realyzed with javascript and canvas element (HTML 5).
It’s possible to view 3d models (dinosaur, ship, helicopter), rotate them, change color and transparency and add a motion blur effect.
Technology:
Javascript, Canvas (HTML 5)

Awesome for showcasing some of your 3D work. Runs great on :

• Chrome
• Opera

It is very slow on Firefox and guess what… It does not run on IE.

Idea on how it can be used: Displaying 3d sketches from within your pages.

Canvas Sketch (by Henrique Moreira)

From the Author:
Web-based drawing app using Canvas Tag.
Works on Chrome, IE6+, Firefox 2+, Opera 9+ and Safari.
Components: Pencil, Eraser, Line, Rectangle, Ellipse, Flood Fill, Color Picker and Undo.
Save as PNG, GIF or JPG.
Technology:
Javascript, Canvas, VML and PHP

Idea on how it can be used: Obvious. An online painting app.

JuicyDrop (by Jacob Seidelin)

From the Author:
A limited JavaScript/canvas port of the WinAmp music visualization plugin MilkDrop. More details at: http://blog.nihilogic.dk/2009/03/javascript-canvas-sm2-milkdrop.html
Technology:
JavaScript, Canvas, SoundManager2

This is one of my favorites. It supports visualizations too. No it is not Winamp. It is JuicyDrop. Runs on Chrome and Firefox. Even if Opera renders it nice, it was not able to play any song.

Idea on how it can be used: Some music on demand services might find a great way to promote their service by using this one.

BoomBox (by Scott Andreas)

From the Author:
Boombox is a web-based media player with a three-channel equalizer. The volume of each channel is controlled by resizing the respective windows.
Technology:
Prototype and Flash

This is my second favorite. Runs great on :

• Chrome
• Firefox
• Opera (Faster than all other browsers!!!)

Again Internet Explorer fails to render the experiment. Although the music plays ok and the browser windows render nice, you can’t resize them to get the experiment’s result.

Idea on how it can be used: As with the JuicyDrop experiment, the BoomBox can be used by a music on demand service to attract more users.

Browser Ball (by Mark Mahoney)

From the Author:
Open new windows. Throw a beach ball through them. If I tell you it’s less lame than it sounds, will you give it a shot?
Technology:
JavaScript, the canvas tag

A very amussing experiment. The ball bounces through the open windows.Runs on Chrome, Opera and Firefox.

Idea on how it can be used: Can we make animations that occupy more than one browser window?

Ball Pool (by Mr.doob)

From the Author:
Start by shaking the browser, then create new balls (click on empty space), move some others (drag) and reset the screen (double click).
It’s like the old days once again! :)
Technology:
javascript, canvas, box2d-js

Just awesome. Runs great on Opera, Firefox and Chrome.

Idea on how it can be used: Left as a challenge for you. I have one idea and it will be posted on a feature article here.

Popularity: 2%

Related posts:

1. Our Favorite Google Wave Extensions And Add-ons Google Wave is gaining more and more attention from developers...
2. IE Only, Cool Features, That Should Exist On Other Browsers Too OK Internet Explorer (mainly <7 ) is the source of...