Difference between revisions of "1110: Click and Drag"

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
Line 3: Line 3:
 
Click on the image and drag your mouse and you get to explore a big, big world.
 
Click on the image and drag your mouse and you get to explore a big, big world.
  
For those who get impatient scrolling around (and are a little savvy): download the .html file for the comic (http://xkcd.com/1110/), and also the file 1110.js (the url is listed in the html).  Edit the .html file to use your 1110.js instead of the one from xkcd.com.  Then edit 1110.js:
+
For those who get impatient scrolling around (and are a little savvy): download the .html file for the comic ([http://xkcd.com/1110/index.html index.html]), and also the file [http://www.xkcd.com/clickdrag/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',"
 
  * 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++){"
 
  * change the "1"s into "4"s in  "for(var y=-1;y<=+1;y++)" and in "for(var x=-1;x<=+1;x++){"

Revision as of 07:16, 19 September 2012

Explanation: it's a big world out there.

Click on the image and drag your mouse and you get to explore a big, big 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 [1]. 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.