The Mesmerizer
May 18, 2010
Launch Experiment
Slow? Not Working? Try it in Google Chrome.
From the Author:
A simple experiment with a 16x16 grid of squares. Moving the pointer over the squares causes colours to appear and bleed into adjacent squares with an effect that is quite mesmerizing. Try clicking the corner squares or typing on the keyboard for additional effects.
Technology:
Javascript, canvas
Comments
I love your job. I would like to be able to do the same. I am going to try ...
Reply to this commentAnd yes, it rocks!
Reply to this commentTrying to learn this could I please see the code?
Reply to this commentIt's awesome! Can I see the source code? Thanks!
Reply to this commentThis would be a good iPhone game.
Reply to this commentnumber sign and underscore do not work.
Reply to this commenti JUST LOVE THE COLORS, BEAUITFUL
Reply to this commentI found it really funny, I like it
Reply to this commentVery funny!
Reply to this commentvery cute the picture and no the games
Reply to this commentgreat work, I don't get why you got such bad comments. this is one of the best I've seen on here
Reply to this commentcool I like this so much
Reply to this commentcoool experiment for 5 mins
Reply to this commentnew at that.
Reply to this commentwow, that has to be one of the nicest buttons i have ever clicked, it was so instant i didnt even notice my life being wasted!
oh yeah, and congratulations on the squares, its an amazing optical illusion, some of them actually look like they are moving! what is this voodoo!?
Reply to this commentexcelente
Reply to this commenttheres an man & you have to move the mouse to aim the gun at him then click to fire!
Reply to this commentWhat is the point of this lifewasting experiment? Don't waste your time, seriously, don't even click the 'Launch Experiment' button, it's just plain stupid!
Reply to this commentI disagree. IT'S AWESOME!
Reply to this commentInteresante el proyecto, es muy entretenido. Saludos desde Chile
Reply to this commentTranslation: Interesting project, is very entertaining. Greetings from Chile (according to Google Translate).
Reply to this commentWow, runs really fast in firefox. Unless it's just my laptop...
Reply to this commentCool experiment, but some pretty sloppy javascript! I see
blocks = new Array() spirals = Array(); and even row = new Array;
Wouldn't it be better just to use:
x = [];
syntax?
Reply to this commentI think Chris is a jerk. Who cares how he declares his new array.
Reply to this commentChris, yes it would have been better. I'm a PHP developer by trade and I'm only now starting to pick up the best practices and nuances of JS. This started just as an experiment, but grew into quite a monster (originally it worked with div elements and used jQuery animation rather than canvas).
If I get time, I will tidy it up :)
Reply to this comment@Mb - I've been experimenting with bigger grids and square sizes. The 16x16 grid is the sweet spot for performance and it slows down quickly for bigger sizes. However, if I figure out how to improve performance, bigger grids are definitely on the to-do list!
Reply to this commentCool! Nice demo, which actually mesmerizes me. I'd love to see in in fullscreen with more squares.
Reply to this commentFIRST this is awesome!
Reply to this comment