Slashdot Mirror

← Back to Stories (view on slashdot.org)

Katamari Hack For Chrome (and Compatible Browsers)

Posted by Soulskill on from the on-a-roll dept.

skaet writes "Using CSS3 transforms and HTML5 canvas, the Katamari Hack for Google Chrome (and other compatible browsers) allows you to turn any website into a game of Katamari Damacy! The script was created by Alex Leone, David Nufer, and David Truong, and won the 2011 Yahoo HackU contest at University of Washington."

75 comments

  1. Outstanding! by WrongSizeGlass · · Score: 1

    That is very cool. I'll have that song stuck in my head for the rest of the night.

    1. Re:Outstanding! by Anonymous Coward · · Score: 0

      I am happy. I am so very very happy.

    2. Re:Outstanding! by Noitatsidem · · Score: 2

      Hey, I'm running astroids, and TWO katamari games at once. Now that makes me happy.

      --
      Feel free to mod me down, just know that unlike some Anonymous Cowards I'm not afraid to express my views as myself.
    3. Re:Outstanding! by Phoghat · · Score: 1

      It's fun, but other than right click to grab objects, what do you do then? Is it just a vacuum cleaner of websites?

      --
      Think of how stupid the average person is, and realize half of them are stupider than that.
  2. Safari by mr100percent · · Score: 3, Informative

    Works on the latest version of Safari.

    Much more fun than my previous favorite browser game, Kick Ass (imagine playing Asteroids but shooting all the objects on a page).

    1. Re:Safari by shogun · · Score: 1

      You can play both at once but it gets boring quickly when you kill the katamari with the asteroids spaceship gun and just have the music playing against a game of asteroids...

    2. Re:Safari by shogun · · Score: 3, Informative

      Ok I spoke to quickly, it just kills the visibility of the katamari, you can still play and everything thats stuck to it is still visible (until shot as well)..

    3. Re:Safari by Anonymous Coward · · Score: 1

      Or you can spawn multiple Katamaris!!!

    4. Re:Safari by AvitarX · · Score: 2

      You have just upped the quality of my work days to come significantly.

      --
      Wow, sent an e-mail as suggested when clicking on "use classic" banner, and got a fast response that addressed my msg
    5. Re:Safari by Gadget_Guy · · Score: 4, Insightful

      So according to the posters here, it works in Safari (including on iPhone), IE9, Firefox 4 and Opera. In what way is this something for "Chrome and compatible browsers"?

      Let's not go down the old road when people said "Works best in Internet Explorer" only because they did not test anything else.

    6. Re:Safari by Anonymous Coward · · Score: 0

      I think you mentioned the site a few months ago but I wasn't on the correct PC. Thanks for mentioning it again.

      The incredulity / look of surprise factor.... I can't wait to joke around with close friends I've warned on pointless links, TO THEIR FACE, while smirking and saying "this. page. isssss. craaaap! BANG! BANG! BANG! BANG!"

    7. Re:Safari by cbhacking · · Score: 2

      Amusingly, it does actually work quite well on IE(9). I agree though - standards-compliant websites should be described as such, not as "Chrome compatible." It's good that the script wasn't written in any way that woul require people to be using a specific browser or even specific rendering engine, so why describe it in such a manner?

      --
      There's no place I could be, since I've found Serenity...
    8. Re:Safari by ProbablyJoe · · Score: 1

      Oddly, works for me in Firefox 4, but doesn't work for me in Chrome 10.

    9. Re:Safari by ProbablyJoe · · Score: 1

      Disregard that, I'm an idiot. Does in fact run much better for me in Chrome, it lags a lot as it gets bigger in Firefox. I'm very amused by it grabbing entire div elements.

    10. Re:Safari by JackieBrown · · Score: 1

      Anymore like that? That was cool.

    11. Re:Safari by Dracolytch · · Score: 1

      IE9 and FF4 aren't really full-release yet, so I can see why someone might include those in their compatibility list. Likelihood of new compat. issues before release is slim, but I probably wouldn't pre-release browsers as a matter of habit.

      --
      This sig has been enciphered with a one-time pad. It could say almost anything.
    12. Re:Safari by Gadget_Guy · · Score: 1

      IE9 and FF4 aren't really full-release yet, so I can see why someone might include those in their compatibility list.

      Internet Explorer 9 has now been released, although it was after the summary was submitted. But Safari was released a long time ago, and it was Safari that gave us WebKit which powers Chrome. It seems bizarre to label it a "Chrome compatible" browser when it should be the other way around.

      Anyway, the linked site says "works best in chrome or firefox 4", so not only do they mention Firefox but they also do not use the term "Chrome compatible".

      However, I did find an article on this subject from the day before this was submitted here that said:

      Google Chrome may have come out of Pwn2Own unscathed, but you can rip through any website it (or another HTML5-compliant browser) displays -- just pull out your handy Katamari Damacy ball and wreak havok on the page. Na NAaaa, na na na na na na na, na na na na na naaaa...

      Hmmm... It seems that something got lost in translation.

  3. IE9 by lightbox32 · · Score: 1

    This is awesome! Works great on Internet Explorer 9 too.

    --
    A camel is a horse created by a committee
  4. I wanna wad you up into my life! by Anonymous Coward · · Score: 0

    ...let's lump up to maaakke, that special staaarr in the skyyyy! For youuuuu...for youuuuu!

  5. Opera 11 = Success! by Rinnon · · Score: 2

    Running in Opera 11 and it works great! Pretty awesome job.

  6. Interesting by Lanteran · · Score: 1

    Hm, it even works on firefox 3.6- albeit slowly. It's incredibly fast in 4b12 and chrome though. Fun game, also.

    --
    "People don't want to learn linux" hasn't been a valid excuse since '03.
  7. Asteroids by pgn674 · · Score: 1

    I've had an Asteroids one on my bookmarks bar for a while now: Hello, want to kill some time?

  8. Android browser works by Anonymous Coward · · Score: 0

    Works on Android browser under Froyo Archos 101. Sweet!

  9. Best anything in the history of everything? by Anonymous Coward · · Score: 0

    Yes. Best anything in the history of everything.

  10. WARNING: This Is Dangerous by definate · · Score: 4, Funny

    A warning needs to be attached to this game. Katamari is a dangerous game to play.

    First you'll start, possibly with some friends, possibly high, rolling things up, and you'll be having a good time.

    Then you'll be consumed with rolling things up, accurately guessing what size objects you can roll up, and developing strategies on how to gain size more effectively.

    Eventually you'll get what we like to call "Katamari Eyes". This is when in real life, you start to see regular objects in groups, which could be good for rolling up, or areas you'll want to stay away from as there isn't enough growth potential. It's a well known effect.

    This destroys relationships, but given you're reading this, I don't think that's a problem you'll have.

    You've been warned!

    --
    This is my footer. There are many like it, but this one is mine.
    1. Re:WARNING: This Is Dangerous by Greyfox · · Score: 4, Funny

      Not to mention the risk of the song coming on the radio and then you slam your car into a mailbox...

      --

      I'm trying to teach myself to set people on fire with my mind... Is it hot in here?

    2. Re:WARNING: This Is Dangerous by Drakkenmensch · · Score: 1

      Not to mention the risk of the song coming on the radio and then you slam your car into a mailbox...

      This is especially problematic if you've also been playing a lot of Burnout Paradise lately. *hits SHOWTIME button and starts singing Katamari theme song*

    3. Re:WARNING: This Is Dangerous by Anonymous Coward · · Score: 0

      Not to mention the risk of the song coming on the radio and then you slam your car into a mailbox...

      yeah, that was a good xkcd. http://xkcd.com/161/

    4. Re:WARNING: This Is Dangerous by gravis777 · · Score: 1

      Nah nah, na na nah na na nah nah, nah Katamari Damacy!

    5. Re:WARNING: This Is Dangerous by ashidosan · · Score: 1

      Oblig: http://xkcd.com/161/

    6. Re:WARNING: This Is Dangerous by PwnzerDragoon · · Score: 1

      Oblig: http://www.penny-arcade.com/comic/2004/10/1/

    7. Re:WARNING: This Is Dangerous by AeonEchelon · · Score: 1

      Naaaaa na na na nana na na na KATAMARI DAMACY!!!

    8. Re:WARNING: This Is Dangerous by Greyfox · · Score: 1

      He's just documenting what a lot of us have experienced. Mailboxes are just the right size to roll up with a car. A motorcycle would be too big. Dogs and pedestrians are small enough but (fortunately) don't seem to trigger that reflex.

      --

      I'm trying to teach myself to set people on fire with my mind... Is it hot in here?

    9. Re:WARNING: This Is Dangerous by Deefburger · · Score: 1

      "Name one time government did any good" Hmm - When it did nothing, and nobody noticed.

      --
      Most people are mostly good most of the time.
  11. Run both by Anonymous Coward · · Score: 1

    You can load and control both Katamari and Asteroids at the same time on a page. In fact, you can even shoot the katamari with your ship!

  12. Right-click on MBP? by rekoil · · Score: 0

    Anyone know how to right-click-drag on a unibody Macbook Pro to get this to work? Double-tap doesn't seem to do the trick for me.

    1. Re:Right-click on MBP? by Anonymous Coward · · Score: 0

      control-click, really, you should take a look at System Preferences.

    2. Re:Right-click on MBP? by Anonymous Coward · · Score: 0

      oh this is simple, you need to go near a window where the solar sensors can work, then use the defenestrate option.

    3. Re:Right-click on MBP? by Scotty+L · · Score: 5, Funny

      Get a real computer?

    4. Re:Right-click on MBP? by NemosomeN · · Score: 1, Insightful

      Or just select the option to left click. I helped you with this, so you'll have to get someone else to wipe your ass.

      --
      I hate grammar Nazi's.
    5. Re:Right-click on MBP? by friedmud · · Score: 2

      Just tell it to use "Left Click" instead... and use three finger dragging to move it around! (Three finger dragging can be enabled in System Prefs->Trackpad if you don't already have it enabled).

    6. Re:Right-click on MBP? by YoshiDan · · Score: 2

      Click with 2 fingers on the trackpad.

    7. Re:Right-click on MBP? by Anonymous Coward · · Score: 0

      What? You think just because you've done a new job you're too good for your old job?

  13. Neat, not all elements can be grabbed. by RyuuzakiTetsuya · · Score: 1

    I can't seem to get it to pick up the FCKEditor. :( HALP.

    --
    Non impediti ratione cogitationus.
  14. Neat-o! by StuartHankins · · Score: 1

    Works on iPad. Good stuff, cleverly done!

  15. This works really well on... by Janvitos · · Score: 4, Funny

    practically any porn site :)

  16. and here comes by Anonymous Coward · · Score: 0

    acceptance of html

  17. timecube.com by Lazareth · · Score: 3, Interesting

    The very first thought I had was "hmm... website with LOTS of text that I despise and want to roll over and demolish with glee..." Didn't take me long to go to timecube.com

    I'm in your timecube REFUTING YOUR STUPIDITY!

    1. Re:timecube.com by deadhammer · · Score: 1

      Just took my Katamari for a walk down Gene Ray's ode to insanity (scrollwheel to scroll down works fine, you can roll it straight down the middle). My Katamari was the size of my browser window and I wasn't even a tenth of the way down. Dude packs in a lot of text.

      --
      I'll be honest, we're throwing science against the wall to see what sticks. -Cave Johnson
    2. Re:timecube.com by Pawnn · · Score: 1

      For some reason, I just KNEW you were going to say Facebook...

    3. Re:timecube.com by Anonymous Coward · · Score: 0

      You BLASPHEMER you are SINGULARITY STUPID and will go to HELL

    4. Re:timecube.com by Alsee · · Score: 1

      The site you most despise is Timecube? Seriously?
      I consider timecube to be sorta cute harmless nonsense.

      I'd me more inclined to pick something like Answersingenesis. Definitely not cute or harmless.

      -

      --
      - - You can't take something off the Internet! That's like trying to take pee out of a swimming pool.
  18. Rolling by h4x0t · · Score: 1

    Up all the post I don't care for as we speak.

  19. Flickr by friedmud · · Score: 3, Interesting

    It's pretty fun to use in photostreams on Flickr.... all of the pictures swirling around the ball looks awesome.

    Also... if you use it on Google Maps you can kind of actually play a game of Katamari! It really will pick up the map tiles (after it gets large enough) seems to grow extremely fast at that point though.... but I haven't played with the parameters too much yet.

    I've been running it with the max number of items with Safari 5.0.3 on a 17" MBP without any trouble at all...

    Really sweet hack!

  20. Last weeks news by byronblue · · Score: 0

    Are Slashdot writers asleep at the pen? This has been all over the internet for days now.

  21. HAHAHAH by Anonymous Coward · · Score: 0

    All my tweets rolled up into a ball...

    Doesn't work on hotmail tho..

  22. Re:Warning to GNU/Linux distributions by DarwinSurvivor · · Score: 1

    So ... Windows users need not worry? :P

  23. YouTube by Anonymous Coward · · Score: 1

    Using this on the main page of youtube looks hilarious.

  24. Re:Warning to GNU/Linux distributions by Anonymous Coward · · Score: 0

    Only about malware

  25. Lots of objects to pick up? by LoudMusic · · Score: 1

    Try Mac Desktops! Their "All" category has over 7800 thumbnail images :)

    http://macdesktops.com/?category=0

    Happy rolling!

    --
    No sig for you. YOU GET NO SIG!
  26. The official word by 93+Escort+Wagon · · Score: 2

    My daughter, who is not a computer geek but is a lover of Katamari, states categorically: "THAT IS SO AMAZING! THAT IS SO COOL!!"

    --
    #DeleteChrome
  27. website to roll by Anonymous Coward · · Score: 0

    Go roll this up...
    http://en.wikipedia.org/wiki/List_of_moths_of_North_America

    1. Re:website to roll by Krupuk · · Score: 1

      Thanks. You just broke my internet!

  28. Every website should have that option by Krupuk · · Score: 1

    I just rolled up this entire site!

    Great for getting rid of troll comments!

  29. Old News by CheerfulMacFanboy · · Score: 1

    Many Browsers did that with your RAM for ages.

    --
    Fandroids hate facts.
  30. -1 Troll? by quantumphaze · · Score: 1

    Well I thought it was funny.

    --
    Unicode in Slashdot
  31. Remind me by CheerfulMacFanboy · · Score: 1

    Why was Flash better than HTML5 again?

    --
    Fandroids hate facts.
  32. How about goggles? by Anonymous Coward · · Score: 0

    A script that lets you scribble on any web site, and lets others see it too:

    http://goggles.sneakygcr.net/

  33. It fails to work on this excellent page by Anonymous Coward · · Score: 0

    http://www.heathersanimations.com/dance1.html

  34. It's the Wonderful Wonderful End of the World by rjejr · · Score: 1

    If you run this on the Katamari Hack page it looks just like a level in The Wonderful End of the World. Yes, I know that game is a complete rip-off of Katamari, but it has a level where you pick up words just like this level. And a much better theme song IMHO.

  35. Does Wonders for Slashdot 3.0 by bill_mcgonigle · · Score: 1

    See subject.

    --
    My God, it's Full of Source!
    OUTSIDE_IP=$(dig +short my.ip @outsideip.net)
  36. That by Anonymous Coward · · Score: 0

    is really fucking awesome.