1110: Click and Drag

Explain xkcd: It's 'cause you're dumb.
Revision as of 12:56, 19 September 2012 by 171.161.160.10 (Talk)

Jump to: navigation, search
Click and Drag
Click and drag.
Title text: Click and drag.

Explanation

Ambox notice.png This explanation may be incomplete or incorrect:
Please include the reason why this explanation is incomplete, like this: {{incomplete|reason}}

If you can address this issue, please edit the page! Thanks.

Trivia

  • The click-and-drag portion of this comic is divided up into 2592 sections of 2048x2048 pngs.
  • The populated area is 81 frames wide(33 West - 48 East) and 32 frames tall (13 North - 19 South)
  • According to Randall in #xkcd on the night this was released, a full size image of this comic, leaving out the blanks would be 60 gigapixels, a true single rectangular image would be close to a terapixel.
comment.png add a comment!

Discussion

I went all the way west, but when I tried going east when I got to the mario bit I went down and got lost :( 141.101.98.246 21:22, 8 November 2013 (UTC)

Newbie editor here (ducks abuse and fires back). When I saw the lighthouse with Megan and Ponytail @ 1 North, 13 West, I immediately went to [1]. --Philo Pharynx (talk) 18:23, 26 November 2012 (UTC)

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 xkcd.com. 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.

75.111.63.192 (talk)  (please sign your comments with ~~~~)

The above can be done, without downloading, by putting Chrome or Chromium into developer mode by hitting F12, then altering the very same setting in the page, as you view it --Kazvorpal (talk) 22:28, 25 September 2012 (UTC)

  • 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? 24.57.210.141 08:40, 19 September 2012 (UTC)

All is revealed here: http://news.ycombinator.com/item?id=4542367 - seriously. Links to downloads, full images, how to link directly to a point of interest and so on. 145.64.134.242 (talk) (please sign your comments with ~~~~)

Another full view, with pan and zoom http://www.mrphlip.com/xkcd1110/ 207.114.139.254 (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: http://ares.aylett.co.uk/xkcd/ 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>
<style>
table {
border-collapse: collapse;
}
td {
padding: 0px;
}
td.s {
background-color: black;
}
</style>
</head><body><table><script>
var x, y, src, cssClass;
for (y = -13; y <= 18; y++) {
	document.write('<tr>');
	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 = "http://imgs.xkcd.com/clickdrag/" + 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>');
	}
	document.write('</tr>');
}
</script>
</table>
</html>
--132.230.1.28 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;
}
--84.181.110.126 15:06, 19 September 2012 (UTC)

This is the best full-size view of the comic: http://xkcd-map.rent-a-geek.de/ 77.191.21.108 15:02, 19 September 2012 (UTC)

ZIP upload

Hi,

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 http://imgs.xkcd.com/clickdrag/. Aufgehaben (talk) (please sign your comments with ~~~~)

There's far more than 225 images >> http://lebbeo.us/2012/09/19/not-bbq-fetching-component-images-of-xkcd-comic-1110/ 114.79.57.76 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)

Raptors

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. 76.122.5.96 09:29, 19 September 2012 (UTC)

The far right also quotes the very first xkcd comic ever. 76.122.5.96 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? 171.161.160.10 13:09, 19 September 2012 (UTC)

Nevermind. There's nothing there. But there is a hot air balloon below the area I suspected. 171.161.160.10 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". 134.102.219.116 (talk) (please sign your comments with ~~~~)

Interesting. Google tells me that ProPuke is the handle of a programmer from the UK. This morning, on his twitter feed, he posted "57:68:79:2c:20:74:68:61:6e:6b:20:79:6f:75:21". 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? 71.201.53.130 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." 67.52.249.244 (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
xkcd_grab/11s11e.png
xkcd_grab/11s11w.png
xkcd_grab/16s1e.png
xkcd_grab/17s1e.png
xkcd_grab/19s7e.png
xkcd_grab/1n30e.png
xkcd_grab/1n39e.png
xkcd_grab/2n3w.png
xkcd_grab/3n25e.png
xkcd_grab/4s17w.png
xkcd_grab/6n2w.png
xkcd_grab/8n1w.png

(source of the images for me: 'git clone "https://github.com/danielribeiro/xkcd_grab.git"')

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.

Jesus

Seems that the description insinuates that the "Jesus" reference (1n21w) is intended to be vocative, not expletive. Can somebody substatiate that conclusion, as opposed to the position that Randall meant s/Jesus/Cripe/... ? (I guess this is just a long-winded way of saying [Citation Needed].) -- IronyChef (talk) 03:43, 20 September 2012 (UTC)


Reference to 'footsteps in the sand'. Not expletive.

dot-code

In 1 North 7 East there are dots and lines. What do they mean?

I think its a reference to Super Mario.--62.180.229.43 08:47, 20 September 2012 (UTC)

This is a sad, sad day that this had to be explained to someone who reads this comic.

No it's not! It's a Ten Thousand day http://xkcd.com/1053/. --Ohbejoyful (talk) 01:24, 22 September 2012 (UTC)

Bob Ross

The reference on 1n 33w seems to be related to Bob Ross, he used similar expressions about where items should live on a canvas "You know, this is a nice spot. Let's just live here. "

I would like to note that "Bob Ross" would be an excellent name for a ninja turtle.--98.225.182.131 08:23, 21 September 2012 (UTC)

la raja amo a bjork y estoy demasiado feliz que venga, pero debeira venir con portishead, ella es la raja y seria un honor presenciar tan buena musica, y teniendo a dos exponentes del trip hop juntas..suerte ojala sea seguro y no se suspenda.ahh y smashing pumpkins es de las bandas que me aconpa;o en su creciemiento, en la adolescencia ojala venga, seria espectacular, por favor si hay que se pueda hacer, avinsen para hacer firmas y weas, ojala viniesen.gracias por los maravillosos conciertos que han estado en chile este ultimo anosuerte!!!

48?

How are we certain that the maximum radius of the world is only 48 tiles? If I'm reading everything correctly, didn't Randall say that it was much larger than everybody is measuring? Isn't one explanation for this that there may be more than we've found? Does anybody have a script running that is still exploring?

Answer: This line in the 1110.js source file: "var size=[14,48,25,33];" That controls how far you can scroll. Having hit all the edges you know those are the limits too. There are no actual tiles as far down as 25 or as far up as 14, but it means the page just fills that with white or black as needed. It does mean you can't find the whales by simply going to the top left and going along the top to the right since they will be one tile further down. Same with the tunnel at the bottom. It is a number of tiles above the bottom edge of the image. Lsorense (talk) 18:12, 24 September 2012 (UTC)

Thanks for the answer. In a world filled with secrets, I still wonder if there's a file on the server in more outer-realm locations.  :)

Would be an interesting little project to (lightly) hit the server with out-of-bounds requests, to see what comes back instead of 404s -- IronyChef (talk) 14:10, 24 October 2012 (UTC)

More Trivia

  • There is one (dark dark) green pixel in 9s7e.png. The remainder is all grayscale.
  • A number of the images have apparently been updated. Probably with a PNG optimizer, since the displayed data is unchanged.
  • The complete 10 gigapixel image, changed to grayscale, can fit into a 15 Megabyte PNG image. (Though having made it, I can't load it in my normal viewers.)

--Divad27182 (talk) 03:21, 21 September 2012 (UTC)



Updated

How do you know the pictures are not uptdated or completed from time to time, adding or moving tiles?

Locked

Will this be unlocked at some point? There are still a number of un-filled-in cells! - jerodast (talk) 11:07, 5 December 2012 (UTC)

I think it was locked as a guard against spam. That was a while ago though, maybe the admins forgot about it. Davidy22[talk] 11:10, 5 December 2012 (UTC)
Special:Log shows that the unlocking will occur automatically on December 7. Also, Special:ListUsers shows that your account was created on 3 December 2012 at 13:01 UTC. After 3 days and 10 edits, it will be automatcally promoted to autoconfirmed, so tomorrow by this time you will be able to edit semiprotected pages like this one. Only full protection prevents everyone except admins from editing the page (e.g. the main page). Hope this helps :) --Waldir (talk) 14:51, 5 December 2012 (UTC)

Transcript

Is there really any need for the bolded Transcript sections for tiles where there is no dialogue? It seems like it just makes the chart heavier. And for example at 1N, 22W, is there any real distinction between the description used before the "Transcript" compared to the stage directions that come after? - jerodast (talk) 14:20, 22 December 2012 (UTC)

Edges connected

I found this: http://baltixy.w.interia.pl/xkcd/1110.htm. Looks like the original, but the left and right sides are connected. Should we add this here? 108.162.254.103 19:50, 29 January 2014 (UTC)


  • 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".
Personal tools
Namespaces

Variants
Actions
Navigation
Tools

It seems you are using noscript, which is stopping our project wonderful ads from working. Explain xkcd uses ads to pay for bandwidth, and we manually approve all our advertisers, and our ads are restricted to unobtrusive images and slow animated GIFs. If you found this site helpful, please consider whitelisting us.

Want to advertise with us, or donate to us with Paypal or Bitcoin?