Talk:1110: Click and Drag

Explain xkcd: It's 'cause you're dumb.
Revision as of 23:24, 19 September 2012 by (talk) (End of the JS file comment)
Jump to: navigation, search

This is great! Keep up the good work! The servers are melting, but keep refreshing if you get a 500 error. Let's get that chart filled out. --Jeff (talk) 19:05, 19 September 2012 (UTC)

I've been dragging for ages, and it hasn't looped back on itself yet. Source diving tells me that it's freakin' massive, and it loads in a million separate tiles. Please, let me cry in a corner at the impossible majesty of it all. Davidy22 (talk) 06:59, 19 September 2012 (UTC)

I'm source diving, and I've managed to extend the boundaries massively. Trying to find a way to remove the click and drag restriction on this monstrosity, think I've figured it out. Will have obscenely massive image uploaded within the next few hours. Davidy22 (talk) 07:24, 19 September 2012 (UTC)

I swear, it's like he found out about us, and is now saying "Oh, yeah? Well how about this?" Other than the gripes of how hard it's going to be to get this thing explained, this one is pretty epic. lcarsos (talk) 08:08, 19 September 2012 (UTC)

I started to comment some easter eggs. Come on, we can make it :-). -- Hkmaly (talk) 09:00, 19 September 2012 (UTC)

I found the left hand boundary of the page reasonably quickly. Once you cross the sea you get their pretty fast. I also found an X-Wing coming out of the ground quoting a line from just after the death star trench run. -- Chrisnoise (talk) (please sign your comments with ~~~~)

Different methods of viewing the world

For those who get impatient scrolling around (and are a little savvy): download the .html file for the comic (index.html), and also the file 1110.js. Edit the .html file to use your 1110.js instead of the one from Then edit 1110.js:

* remove the line "overflow: 'hidden',"
* change the "1"s into "4"s in  "for(var y=-1;y<=+1;y++)" and in "for(var x=-1;x<=+1;x++){"
* optionally, remove the line "$remove.remove();"  (warning: this will make it take up a lot of memory eventually!)

Then open the local copy in your web browser. Zooming out, scrolling, and zooming back in helps find the easter eggs.

 -- (talk)  (please sign your comments with ~~~~)
  • This Page's instructions say to zoom in and out when browsing the modified local file. My browser skills are rusty. I have Firefox, and when I zoom in and out, it zooms the whole page, rather than just the interesting bit. However, seeing as how there are 16000+ panels, I don't think I want to zoom it out quite so very far anyway. Firefox is notoriously bad when there are lots of images on a page (and yes, it cratered while I was exploring the original page). In any case, can someone clarify the use of zoom? 08:40, 19 September 2012 (UTC)

All is revealed here: - seriously. Links to downloads, full images, how to link directly to a point of interest and so on. -- (talk) (please sign your comments with ~~~~)

Another full view, with pan and zoom -- (talk) (please sign your comments with ~~~~)

For the pack rats, here is a .tar.gz of all the pngs. You can use these to reference where in the comic you are. Files are named <number><north/south><number><east/west>.png. So 1n8w.png is 1 north, 8 west. Let's get this thing done. lcarsos (talk) 09:12, 19 September 2012 (UTC)

I've made a full-screen version with cursor control: Axa (talk) 12:51, 19 September 2012 (UTC)

Seems I'm really too slow, plus I have CSS problems (there are gaps between my rows) but I'll share what I did anyway. Create a file with .html extension with the following content (if you've downlaoded all the images already, you can change the code to use your local files) and you get a map of the world.
<!doctype html>
<html><head><title>Click and Drag</title>
table {
border-collapse: collapse;
td {
padding: 0px;
td.s {
background-color: black;
var x, y, src, cssClass;
for (y = -13; y <= 18; y++) {
	for (x = -33; x <= 47; x++) {
		src = (y>=0?(y+1)+'s':-y+'n')+(x>=0?(x+1)+'e':-x+'w');
		cssClass = y>=0?'s':'n';
		url = "" + src + ".png";
		//url = src + ".png"; // Remove comment to use local files
		document.write('<td class=' + cssClass + '><a HREF="' + url + '"><img width="64" height="64" title=' + src + ' src="' + url + '"></a></td>');
-- 09:58, 19 September 2012 (UTC)
I've created a file which looks the very same :-) The gaps between the rows seem to come from the <img> elements being displayed as inline content, adding some whitespaces to the cells. I now use this css code:
* {
	padding: 0;
	margin: 0;
	border: 0;
table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
td {
	width: 2048px;
	height: 2048px;
img {
	display: block;
-- 15:06, 19 September 2012 (UTC)

This is the best full-size view of the comic: 15:02, 19 September 2012 (UTC)

ZIP upload


I’ve locally downloaded all the tiles (there is 225 PNG files) and made a ZIP file of them, but when trying to upload it here the Special:Upload page says: “Permitted file types: png, gif, jpg, jpeg.” Do I have to upload each tile one by one or is there a way to exceptionally bypass this restriction? Thanks. — Ethaniel (talk) 09:13, 19 September 2012 (UTC)

Mh, seems I’m hours too late… — Ethaniel (talk) 09:14, 19 September 2012 (UTC)
I'm not sure we should upload each individual frame for this one. Though, we do need to have a discussion about how we're going to handle/archive/explain this one, because it's going to be big and tedius. Maybe some adventurous and hardy soul can stitch together grids of this so that we don't have the problem of having too much image (a single terapixel image will kill anyone's PC if they try to load it) and having so little (while the grids Randall's created are nice and bite-sized, it's hard to see the whole thing). lcarsos (talk) 09:20, 19 September 2012 (UTC)
I’m going to upload the 225 tiles in few hours: which path is best?
  • [[File:1n1e.png]]
  • [[File:1110/1n1e.png]]
  • [[File:1110: Click and Drag/1n1e.png]]
There will be of course a template ({{1110|1n1e}}) allowing easy access to individual tiles. ;)
Ethaniel (talk) 10:36, 19 September 2012 (UTC)
If you are really going to do this, then I think doing [[File:1110: Click and Drag/1n1e.png]] would be the best spot. lcarsos (talk) 13:53, 19 September 2012 (UTC)
Finally I only did the template: direct link to the original tiles is fine too.
Thanks for the answer, it may be useful someday. — Ethaniel (talk) 14:04, 19 September 2012 (UTC)
Sorry for the late response, I had to go to bed (I only got 4 hours of sleep anyways) to be able to get up for work today. The template is massively helpful. I crown you champion. It might be interesting to split up each page into sub-pages of this, and then transclude in the first paragraph from the subpage. So, [[1110: Click and Drag/1n1e]] would have a full description, including links to adjacent/related tiles, but have another template transclude in the synopsis and transcript into the table on this page. That's pie-in-the-sky thinking, and definitely should not be done today while the server is being hammered like it is. lcarsos (talk) 17:08, 19 September 2012 (UTC)

It doesn't seem to be a terapixel. There are 225 images of 2048x2048 pixels. The full range is 81x32 tiles, resulting in a 165888x65536 images, at approximately 10 gigapixels. The naming conventions is numberlatitudenumberlongitude.png, where lat can be either n or s, and long can be either e or w. E.g. 1n1e.png, which is the starting image, and they are located at -- Aufgehaben (talk) (please sign your comments with ~~~~)

There's far more than 225 images >> 11:17, 19 September 2012 (UTC)

Seems to me what should happen is that someone should setup a "slippy map" without having to use the browser's zoom in/out capabilities. Think openlayers. -- Anarcat (talk) 13:35, 19 September 2012 (UTC)


I found two raptors. I couldn't even begin to tell you where they are. Follow the left side. Past the oceans and in some grass...somewhere. This is a lot to draw...I wonder how he did it. The shear size of each image, combined with the fact that they seamlessly transition together...when did he start? How much time did he put in? He should have waited one more to get comic 1111, I think. 09:29, 19 September 2012 (UTC)

The far right also quotes the very first xkcd comic ever. 09:39, 19 September 2012 (UTC)

Black hat

I found him in 2 locations, with a weapon both times. The Gatling gun he has on the building above the XKCD What if? cranes looks like he could be waiting to shoot something. Did anyone find anything he might be trying to shoot? 13:09, 19 September 2012 (UTC)

Nevermind. There's nothing there. But there is a hot air balloon below the area I suspected. 13:16, 19 September 2012 (UTC)

End of the JS file comment

At the end of the JavaScript file responsible for the map code, there's a comment "/* 50:72:6f:50:75:6b:65:20:69:73:20:61:77:65:73:6f:6d:65 */". Interpreted as hex codes for ASCII text, this reads "ProPuke is awesome". -- (talk) (please sign your comments with ~~~~)

Interesting. Google tells me that ProPuke is the handle of a programmer from the UK. Here's his twitter feed, on which he posted this morning "". This translates from hex as "Why, thank you!" Also, his Wikipedia user page tells us a lot about him too. I wonder if he contributed to the code? 23:24, 19 September 2012 (UTC)

I've been dragging and clicking for an hour, and I accidentally found the right edge. I started going left, and when I got to the island, I went into the Earth. I followed tunnels and caves down (at one point, there's a massive underground lake and a tree with a man sitting pensively by it (possibly Dawson?)) there until I found the tunnel that ends up going back to the surface in MarioWorld (complete with flag and castle), and went right from there. After the wind turbines, there's a bridge. On the other side of the bridge is a fencepost joke (If you're having fencepost problems, I feel bad for you son: I've got 99 problems but solved for 101). After that, there's a Burj Dubai reference (I assume the radio tower representing it is drawn to scale - it's very tall). After that, I went up a hill that had random farm callouts scattered on it, and on the other side of the hill is a large water tower. After that, there's grassland until the edge, which has Balloon Randall again saying, "I wonder where I'll float next." -- (talk) (please sign your comments with ~~~~)

I'm going to say this is a perfect example of what Randall wanted by creating a world so huge you can explore for hours, get lost, not care, and find yourself again, and keep wondering what you'll discover next. lcarsos (talk) 18:20, 19 September 2012 (UTC)

IRC logs or it didn't happen

When I get home I'll post the logs I have (didn't think to have logging turned on until after the discussion started) so that it won't seem like I'm crazy. I remember Randall saying that a full, uncompressed, single rectangular image would be near a terapixel (the figure was something like 800 gigapixels). lcarsos (talk) 16:04, 19 September 2012 (UTC)

ICC sections

The following files have ICC sections:

$ grep -l iCCPicc xkcd_grab/*.png

(source of the images for me: 'git clone ""')

At first I thought the white/black tiles were a hint to some steganography embedded in the images. Then I found those ICC sections and thought it was just a pun to add a color profile to a black image. But not all of the above are just black and having a color profile for white image parts can actually make sense, so maybe someone else has a clue, why those (and only those) tiles have color profiles...

-- Xorg (talk) 19:55, 19 September 2012 (UTC)

Do a binary compare on the files.