Pinterest Stumbleupon Whatsapp
Ads by Google

chrome experimentsThe Chrome Experiments website is a showcase for all things new and exciting when it comes to web technologies and browser advancements, with a focus on JavaScript. HTML5 10 Websites to See What HTML5 Is All About 10 Websites to See What HTML5 Is All About Read More , canvas, SVG and the 3D WebGL engine all feature prominently in little sparks of creativity that are paving the way to a prettier and more interactive Internet.

One of the best things about Chrome Experiments is that the site encourages learning 4 Must-See TED Talks On Creativity, Inspiration & Passion 4 Must-See TED Talks On Creativity, Inspiration & Passion Creativity. Inspiration. Passion. These are all concepts of which we are very much aware, but not many of us can precisely pinpoint their source. Where does creativity come from? What is it that causes a... Read More alongside discovery, so once you’ve played with a project there’s a good chance you’ll be able to learn a bit about how it’s done – and in some cases give it a go yourself.

There are hundreds of toys to play with on the Chrome Experiments website and to get you started, here are a few of the best.

Browser Requirements

As this is a Chrome-focused website run by Google, all of the experiments are meant to work in their Chrome browser. This means you should have little trouble running any of them if you download or update to the latest stable version of Chrome, though other modern browsers should work too.

Just don’t go trying to do any of this on IE6 If You're Still Using IE6 You Are A Problem [Opinion] If You're Still Using IE6 You Are A Problem [Opinion] IE6 was the best of the best when it came freshly squeezed out of Microsoft's software factory. Because of that it was able to achieve the record 95% browser market share at the height of... Read More , okay?

3D Clouds

chrome experiments

Ads by Google

These clouds aren’t true 3D – as author Jaume Sanchez points out – but imagine if your website or even desktop background generated pretty, 3D-like clouds using nothing but CSS and a bit of JavaScript. Well evidently we’re not far off that stage as this demo shows.

Jaume’s site is full of other interesting experiments involving HTML5, as well as a ton of tutorials to help you get started making your own. If you’d like to know how he made these clouds then you can read all about it here.

Lathe Workshop

chrome experiments

More fun than functional, this WebGL-powered lathe from Einar Öberg uses the space bar and mouse pointer to recreate the art of turning wood, metal and stone by hand. Einar built the demo so show off a simple procedural shader, but he also added a few sounds for authenticity.

While not a complete tutorial, you can learn a little more about how it was done on the author’s blog.

GPU Particle Attractors

chrome web experiments

An experiment involving particle effects and the WebGL engine, Edouard Coulon has created something truly beautiful you can manipulate with your mouse and spacebar. Click to attract the particles to the centre of the screen then hit the spacebar to watch them shoot outwards again!

There’s no tutorial for this one unfortunately, though I’d recommend trying the one million particles mode if your computer can handle it. Add a projector and a dark room for endless fun!

WebGL Cars

chrome web experiments

Made by AlteredQualia who also authored the awesome ro.me interactive film (which is also been featured on Chrome Experiments), WebGL cars is a 3D toy that allows you to control a Bugatti Veyron and Lamborghini Gallardo from multiple camera angles.

One thing that’s particularly cool about this is the demonstration of motion blur, depth of field and different lighting conditions. Ok, and the kid in me loves playing with toy cars – what can I say?

X-Wing

chrome web experiments

This is one of those reaction games where the aim is to move the target with your mouse (or in this case keyboard too) in a bid to avoid oncoming obstacles – except it’s better than the rest because this one involves an X-Wing and what looks like the trench run from Star Wars.

The author who goes by the name OutsideOfSociety has a lot more WebGL experiments going on on his website.

My Robot Nation

google chrome web experiments

A fully functional e-commerce front-end, My Robot Nation harnesses the power of WebGL to allow you to design, paint and customise your very own toy robot before having it shipped out to you for a set price.

Ok, so you don’t have to buy the robot to get a kick out of it – but if you spend as long as I did trying to make something that vaguely resembles a Robobrain from the Fallout Pique Your Interest With These Wikis On 4 Fictional Post-Apocalyptic Worlds Pique Your Interest With These Wikis On 4 Fictional Post-Apocalyptic Worlds Have you ever jumped on the wiki of your favorite show or book series, and then fell into a content-saturated time warp? You know what I’m talking about – something like that classic TVTropes black-hole.... Read More series then you’ll wish you had. Don’t forget to check out everyone else’s creations too!

FastKat 2

google chrome web experiments

Another “avoid the obstacles with your mouse” type game, except this one is a sequel to the the original FastKat by Omiod, a fairly popular HTML5 game you might have already played. The sequel is faster, harder and very addictive indeed.

Just don’t start playing it when you’ve got work to do…

Livecodelab

google chrome web experiments

The final experiment featured here (of hundreds, it was tough choosing just 8) is rather special as it allows you to manipulate WebGL objects using code on-the-fly. As well as a set of demos to gawp at and play with, there are a series of tutorials to help you learn some WebGL.

I’m not a coder (I’m terrible at remembering words let alone functions) but even I found it engaging and slightly empowering to manipulate and fiddle around with WebGL with a great tutorial to hold my hand. If you’re interested in giving this sort of thing a go but have no idea how to do it then this is a great place to start.

Conclusion

The Chrome Experiments website is merely a platform for artists and coders to submit their creations to, but it serves a great purpose – to highlight talent and help teach others of the possibilities of new web technologies. There are even Chrome Experiments that work on your mobile Chrome Experiments Comes To A Mobile Near You [Updates] Chrome Experiments Comes To A Mobile Near You [Updates] There’s a good chance that you haven’t yet been to Google’s Chrome Experiments website, which is sort of like a lab for “showing-off” what cutting edge web technologies like HTML5, WebGL, SVG, and Canvas can... Read More !

  1. Benjamin Glass
    August 23, 2012 at 6:30 pm

    These experiments are pretty cool!

  2. Rishabh Sharma
    August 4, 2012 at 5:15 pm

    AWESOME Man! Thnx

  3. LeviTashun
    August 3, 2012 at 9:05 pm

    Really cool!

  4. Rigoberto Garcia
    August 3, 2012 at 6:42 pm

    Very interesting Tim. Pacing down the page for more information about some experiments (X-Wing, for example)

  5. John Schmitt
    August 3, 2012 at 6:36 pm

    Fun Brah!!!

  6. Mike Vaz
    August 3, 2012 at 12:42 pm

    X-Wing was great!

  7. Nguyen Tran
    August 3, 2012 at 9:51 am

    Amazing experiments, I can't believe what css 3 can do

  8. Ashwin Ramesh
    August 3, 2012 at 7:57 am

    Amazing experiments being done! Loved X-Wing with the Star Wars music in the background!

    • Tim Brookes
      August 3, 2012 at 9:55 am

      Yeah I loved that too. There are quite a lot of games along that same formula - avoid the obstacles using mouse/keyboard but none are quite as much fun as pretending you're doing the trench run ;)

      • Ashwin Ramesh
        August 3, 2012 at 4:49 pm

        Haha yes :)

  9. vineedcool
    August 3, 2012 at 5:29 am

    LOL on i million particeles was 3fps,,,but all of dem are awsum

    • Tim Brookes
      August 3, 2012 at 9:54 am

      It's mighty impressive if your hardware can handle it, glad you enjoyed the article!

      • Igor Rizvi?
        August 3, 2012 at 10:01 am

        Getting around 54-60fps at 1mil,looks awesome!

  10. Juan Carlos Espinosa Agudelo
    August 3, 2012 at 4:35 am

    I remember seeing this site some time ago and one of the experiments I liked was:
    http://www.chromeexperiments.com/detail/canvas-cycle/

    It's an amazing site with amazing/mindblowing experiments. I believe it when you say it was tough to choose 8. Great job on this article.

    • Tim Brookes
      August 3, 2012 at 9:51 am

      Glad you enjoyed it, thanks for the link and recommendation! Chrome Experiments is definitely a great way to kill some time - too much time maybe!

Leave a Reply

Your email address will not be published. Required fields are marked *