6 ms·
Turn any page into Katamari Damacy
- iamdave 16y agoI loved this a lot more than I probably should have.
- axylone 16y agoWoo - nice to see this on HN (I'm one of the creators). EDIT: We're serving this off ec2 + apache. It's all static html + js. Any quick tips for speeding things up?
- girasquid 16y agoYou might try nginx instead of apache - it's a lot lighter for serving static content.
- risotto 16y agoIf it's static, serve it directly from S3, and turn on cloudfront for even better delivery.
- axylone 16y agook, I think we managed to switch http://www.kathack.com http://www.kathack.com over to S3. Thanks for the tip!
- risotto 16y agoNo problem. Love the script.
- dustingetz 16y agofrom my understanding, S3 optimizes throughput but not latency. I'm not surprised that his performance serving from S3 is perfectly fine, but I think the "answer" is to skip straight to CloudFront. CloudFront can mirror directly from your appserver, or from S3, it doesn't matter. update: did a little googling, and found only anecdotal evidence that latency to S3 is fine but not awesome: http://www.cloudclimate.com/s3/ http://www.cloudclimate.com/s3/ http://www.codeswimming.com/blog/2010/04/amazon-s3-and-cloudfront-response-time/ http://www.codeswimming.com/blog/2010/04/amazon-s3-and-cloud... http://www.slideshare.net/ehwinter/using-amazon-cloud-front-for-improved-response-time http://www.slideshare.net/ehwinter/using-amazon-cloud-front-...
- troutwine 16y agoUnless you have a very specific need, consider switching to a web server more explicitly designed for static content. Nginx takes minutes to install and configure.
- seancron 16y agoI hope you don't mind, but I just mirrored it on Github (https://github.com/seancron/kathack https://github.com/seancron/kathack). You can use the following javascript to load it from the mirror. javascript:var i,s,ss=['https://github.com/seancron/kathack/raw/master/kh.js','http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js'];for(i=0;i!=ss.length;i++){s=document.createElement('script');s.src=ss[i];document.body.appendChild(s);}void(0); P.S. If you do mind, just let me know and I'll take it down.
- axylone 16y agoOk, we switched everything over to S3. Everything should be much faster now. Looks like we have a ~275MB access.log from before the switch. Over a million requests! $ wc -l access.log 1115447 access.log
- iuguy 16y agoTo quote the King of all Cosmos: "We are moved to tears by the size of this thing." Really well done, I love it. The only shame was that the music didn't work on Safari, but maybe it's just how I roll.
- Esseb 16y agoThis will work in Opera too if you add -o- to the POSSIBLE_TRANSFORM_PREFIXES array.
- deleted 16y ago[deleted]
- kenkam 16y agoThis thing is hilarious! I love how this renders the picked up objects so well; it really shows if you try to pick up images! Nice work!
- Banekin 16y agoIs there any way to play this on a Macbook trackpad without connecting a USB mouse?
- ojbyrne 16y agoCtrl-Click == right-click.
- _frog 16y agoOn the multi-touch trackpad you can just click with two fingers.
- Banekin 16y agoI tried that, but it works too slowly to continually press with two fingers next to the ball. I meant is there a way to change the javascript to use a different button?
- axylone 16y agoI can add that once we get the server back to a reasonable speed.
- BrianHV 16y agoTo elaborate, I got it to work this way: * Hold two fingers on middle of track pad * Click thumb on bottom of track pad; katamari should start to move at this point * Release two fingers on middle of track pad * Use single finger to move cursor while still holding down thumb
- Banekin 16y agoOh awesome, that worked beautifully. Thank you!
- eof 16y agomove the mouse to wear you want the ball to move, then hold down right click.
- IChrisI 16y agoThis is amazing. I'm definitely going to keep this in my bookmarklets collection! That said, can you give us a way to re-generate the grid data? I want to roll up everything in Google Reader. (Maybe when the bookmarklet is run, if it's already active, re-generate the grid. It currently creates a second Katamari, which is also awesome.)
- mckoss 16y agoAwesome! Even works on an iPad. And if you like this, check out this other amazing bookmarklet game: http://erkie.github.com/ http://erkie.github.com/
- joshes 16y agoI thank you from the bottom of my heart for helping me fall into a haze for about 45 minutes. That was remarkably ingenious. Rolling around on a huge page like the Wikipedia article for World War II (http://en.wikipedia.org/wiki/World_war_II http://en.wikipedia.org/wiki/World_war_II) caused a pretty significant slowdown. Interestingly, once the ball got to the size to pick up larger images, the rest of the ball would clear and there would be a noticeable boost in speed. It was intriguing to observe the dynamics of the ball rolling on different sized pages.
- sscheper 16y ago#winning
- Inviz 16y agoVery entertaining, especially when it picks up images. Too bad it loses them too fast. Can you please add an option to keep images for longer? I love Hitler spinning around.
- Gatsky 16y agoMultiball works!
- sh1mmer 16y agoI helped teach and judge at about 10 of the Hack-U competitions while I was at Yahoo and it always amazed me how ingenius the students are. Congratulations to the team on a great project and it's really nice to see how savvy about web technology the students at Wash-U are.
- deleted 16y ago[deleted]
- deleted 16y ago[deleted]
- axylone 16y agoNew update out: Now you can select controls (left/right click, or touch). Try running it twice, once with right-click, and again with left-click. Also for dynamic pages, run the script after the content changes and click the "x", and the new content should be pick-uppable.