Xkcd: Click and Drag

Thanks man, that's especially useful to find the Easter eggs since you can use ctrl + or - to zoom in and out and stay oriented. Between that, and using this as a map, you can pretty much check out the whole comic without getting frustrated: http://www.wickedglitch.com/wp-content/uploads/2012/09/resul...

nikcub 13 years ago | |

as a bookmarklet:

    javascript:var kn=document.createElement('script');kn.src='//raw.github.com/gist/3748621/1bbdaee115134d0106978e42a5423f7b3e5de5e3/nav.js'; kn.type='text/javascript';document.getElementsByTagName('head')[0].appendChild(kn);

potch 13 years ago | | |

Thanks!

I added a bookmarklet of the original code to the site- I know you're legit, but I'm always wary of encouraging people to load random external JS via a bookmarklet.

Camillo 13 years ago | |

I'm holding out for a version that lets me use two-finger scrolling.

iridium 13 years ago | | |

Three finger scrolling works on a mac (Lion). I think you can enable drag lock on snow leopard for the same effect.

EDIT: The mouse does move off the view port during drag, so its probably not that much more efficient.

wccrawford 13 years ago | |

Haha, I wrote some, too. I should have checked here before I bothered, I guess.

Ah well, it was a momentary amusement. :)

dalke 13 years ago | |

Thanks! Much easier.

francov88 13 years ago | |

amazing. thanks!

dmor 13 years ago |

Bwahaha, upper left corner (waaaay up). I'm working at a small startup. Our business model is "taking free drinks from industry events and reselling them".

Edit: Holy shit I had no idea how huge this was! I'd pay for a massive framed poster of this thing.

DanielRibeiro 13 years ago | |

Nice catch. Direct link to the tile: http://imgs.xkcd.com/clickdrag/2n2w.png

zalew 13 years ago | |

'stupid feebsd' and a crashed plane

dalke 13 years ago | | |

"Copy that Gold Leader. I'm already on my way out." with X-wing. And "Becky?" Deep in the caves.

lloeki 13 years ago | |

I found the raptors (the author hates raptors).

nikcub 13 years ago |

Don't use any of the spoilers, image maps or sites that stich it together, it is much more enjoyable when you discover the entire image through the viewport dimensions as originally intended.

It is also much more enjoyable when you don't know what to expect

discountgenius 13 years ago | |

agreed. Much of the comedy comes from the subversion of expectations...

...although some nerds prefer figuring out puzzles. And yes, nerd in this case is a term of endearment.

Mithrandir 13 years ago |

Here's a torrent of all the images: https://ubuntuone.com/4VxOo5cnInZWQUEplIdb2c

Sniffnoy 13 years ago | |

Edit: I retract this comment. Having written my own script to fetch everything within the boundaries I suggested, I found that it didn't get any that weren't already in the torrent.

Going by the other comments, I suspect this is missing some. vladoh claims there's even more stuff under the tunnels. Meanwhile, mayanksinghal points out the size of the array holding everything -- it appears north goes up to 14, and south goes down to 25; however, the images in this torrent go only as high as north 11 and south 25. (Seems everyone agrees that the east and west boundaries are 48 and 33.)

hkmurakami 13 years ago | | |

Randall still draws with pencil and paper, and draws "really big"; I really want to know how much paper area he used for this one :O

DanielRibeiro 13 years ago | |

I was having trouble downloading the torrent, so I wrote a little script to get it for me:

https://gist.github.com/3748257

Warning: 6mb worth of files.

Edit: Github repo with all the images and the script, so that people don't need to hammer the xkcd server:

https://github.com/danielribeiro/xkcd_grab

apag 13 years ago | | |

And here is how you get a web page you can open to view the whole thing in a one sitting:

  perl -e'print "<style>img{width:2048px;height:2048px}</style><pre>"; print /X$/ ? "\n" : "<img src=$_.png>" for @ARGV' {{13..1}n,{1..19}s}{{33..1}w,{1..48}e,X} > index.html

Warning: gigantic page, may crash your browser. (Not as bad as it might seem, since many tiles are missing.)

knowtheory 13 years ago | | |

And folks can hammer github's servers instead by viewing the commit https://github.com/danielribeiro/xkcd_grab/commit/40f58f4d1a...

apag 13 years ago | | |

Thanks for sharing! I was just going to do that myself, glad that now I don’t have to.

gkoberger 13 years ago |

Simple way to share positions:

var p =$('.map').position();prompt("Have someone run this code to see this position","$('.map').css({'left':"+p['left']+", 'top':"+p['top']+"})");

This gives you a snippet you can send to someone else to run.

---------------------------------------

Also, don't want to drag? http://www.potch.me/blog/press-and-hold.html

krisneuharth 13 years ago |

Excellent! I feel like Randall is getting closer to producing an actual game with his worlds and characters. I look forward to what he has in store for us in the future.

scottyallen 13 years ago | |

I think he already has:) Look around you at all the people playing. Hint: the ones writing code are winning...

Camillo 13 years ago | |

Limbo?

nrkn 13 years ago |

A map: http://imgur.com/GDJPL

amic 13 years ago | |

the white square at 11n11e is not at the good position on this map.

I wonder why 11n11e and 11s11e are empty.

tim_heap 13 years ago | | |

All of the 11x11y squares are empty, the south ones are just black instead of white. I've not worked out why yet.

elssar 13 years ago |

Phew, found both the edges, traversed all of the tunnels. Finally I'm free!

Also, really impressed. The way the tunnels on the left side met up with the Mario tunnel was pretty cool.

vladoh 13 years ago | |

There are 4 edges :) Under the tunnels there is a whole new world ;)

elssar 13 years ago | | |

4 edges o.0

You mean to say that under the tunnels, that is under all of the black, there is more? And there is more stuff in the air too?

Ima kill Randall Munroe >_<

rivo 13 years ago |

A practical introduction to the Backtracking algorithm.

xSkeen 13 years ago |

The very last image to the right, "I wonder where i'll float next?" is a reference to Randall's first xkcd comic; http://xkcd.com/1/

Digit-Al 13 years ago |

The mind boggles. How long must it have taken him to create this. It is HUGE. I have been scrolling round for about 20 minutes and still have not found an end to it.

Digit-Al 13 years ago | |

Yay. Finally found an edge. Seen so far: - absolutely massive cave system (not fully explored) containing a small village, amongst other things; - massive space rocket - satellite dish - what appear to be raptors running through the grass - well, they had to be there somewhere, didn't they :-)

mayanksinghal 13 years ago | |

from: http://imgs.xkcd.com/clickdrag/1110.js

  var size=[14,48,25,33];
  var tilesize=2048;
  var map_size=[(size[1]+size[3])*tilesize,(size[0]+size[2])*tilesize];

So 165888x79872!!!

zalew 13 years ago | | |

easier to find it here <div class="map" style="width: 165888px; height: 79872px; position: absolute; z-index: -1; left: -67645.4px; top: -27545.6px;">

yread 13 years ago | | |

On my display it's 350 metres long...

nrkn 13 years ago | |

I'm running a program to map it right now

reinierladan 13 years ago |

I created a full high res PDF of the image (only 11MB), with readable text balloons. — http://s.rlink.co/JZ6G

ddreier 13 years ago | |

Could anyone create a torrent for this? Dropbox has killed the link.

pestaa 13 years ago |

I had to stop because my hand began to hurt.

You have my deepest gratitude for reminding me what discovery and exploration feels like.

subsystem 13 years ago |

full screen (at least in chrome):

    javascript:$('#comic').removeAttr('style'); $('.map').css('z-index',1).css('background','#fff');$('body').css('overflow','hidden');

carlesfe 13 years ago |

Does the comic remind anybody else of Terraria? 2D scrollers are the best games...

barrkel 13 years ago |

It's disappointing that it appears this won't make the front page. It appears the domain is on a blacklist.

Makes sense from a cheap humour perspective, but that's not what this one is about.

saraid216 13 years ago | |

It's on the front page as of right now.

LarryCurlyMoe 13 years ago |

You guys do realize that new panels can be added to the world at any time (and existing ones can be modified). Who's to say the world is static?

nrkn 13 years ago |

Also: https://news.ycombinator.com/item?id=4542347

Mithrandir 13 years ago | |

The bit at the end[0] is hex for 'ProPuke is awesome'.

0: /* 50:72:6f:50:75:6b:65:20:69:73:20:61:77:65:73:6f:6d:65 */

kunalb 13 years ago |

My attempt at hammering the xkcd servers -- also colours missing tiles correctly (black/white depending on south/north): http://explog.in/xkcd.html

[edit: basically lays everything out in a single huge page so that you can scroll instead of dragging]

nicholassmith 13 years ago |

I just spent 5 minutes exploring and don't think I've seen even 25% of it. Had a grin from the off as well.

ranman 13 years ago |

my hacky way of killing Randall's server:

  curl --limit-rate 40K -O http://imgs.xkcd.com/clickdrag/\[0-100\]\{n,s\}\[0-100\]\{e,w\}.png

Then to remove all the 404s:

  find . -type f -size 345c -exec rm -f {} \;

Woo! No code.

jlv2 13 years ago | |

Use "curl -f" and it won't save the 404 output

tonfa 13 years ago | |

imgs.xkcd.com seems to point to a CDN, so it's unlikely to kill his server ;)

codingSloth 13 years ago |

I made a little grid with all the tiles on it (they are smaller than the original ones). I hope it makes the navigation easier... Each tile is clickable (it redirects to the original picture)

http://www.baffo.org/xkcd/

goldins 13 years ago |

I have made a very low-res polar coordinates version: http://dl.dropbox.com/u/543600/1110polar.png

I will make a larger version later tonight.

daralthus 13 years ago |

Reminds me of Scott McCloud's infinite canvas idea: http://scottmccloud.com/4-inventions/canvas/index.html Impressive by the way!

wesleyholl 13 years ago |

Here's my version of full map: http://www.wickedglitch.com/2012/09/full-low-res-image-spoil...

irfn 13 years ago |

Click and Drag without the distraction. put javascript:$('img[title="Click and drag."]').hide();$('img[title="Click and drag."]').parent().css('overflow','visible'); in the url bar

vanhelsing_ 13 years ago |

Someone make a large poster of this thing, quick!

atas 13 years ago |

And I thought it was going to be a short one. Got to get back to work. By the way, I play this game with Google Maps every day.

albertzeyer 13 years ago | |

And have you already seen everything?

atas 13 years ago | | |

Not really. I will continue at home.

samet 13 years ago |

Randall just got crazy (with a good meaning).

civild 13 years ago |

Exploring this took me back to the days of playing the Dizzy series of games, wondering what was beyond the next screen.

Xcelerate 13 years ago |

I just downloaded the image tiles and explored the world that way. Quickest way to make sure I saw everything!

bizzz 13 years ago |

Ok, someone please glue all the tiles together! I can't wait to see all this magnificence!

RenierZA 13 years ago |

I wonder if this is a world record for the biggest comic ever.

Does anybody know?

ekyo777 13 years ago |

For some reason I want to load that as a map in worms armageddon

hackalyst 13 years ago |

whats up with the dinos? http://xkcd-map.rent-a-geek.de/converted/10-297-507.png

bad_user 13 years ago | |

A classic: http://xkcd.com/135/

Shivetya 13 years ago |

I was looking for where the spider was hiding.

chj 13 years ago |

Holy shit! I didn't expect it to be this big!

arc_of_descent 13 years ago |

This is just brilliant!

brianbreslin 13 years ago |

this is strangely poetic