1110:"Click and Drag"

This forum is for the individual discussion thread that goes with each new comic.

Moderators: Magistrates, Prelates, Moderators General

Re: 1110:"Click and Drag"

Postby leromarinvit » Wed Sep 19, 2012 7:10 am UTC

glasnt wrote:References "Luke" who appears to be godly with JS.

Taking a while stab in the dark that propuke helped/coded the JS for the Randallmiester.

Makes sense, there's another (rather more obvious) "Luke" reference. Don't remember if it's above or below the lemonade, I think below.

This seriously needs a disclaimer "Don't open unless you have no plans for the next few hours." I just spent at least 20 min exploring it, and I don't think I've seen anywhere near all of it. All while I should be studying for today's exam...
I like work: it fascinates me. I can sit and look at it for hours.
User avatar
leromarinvit
 
Posts: 26
Joined: Mon Aug 31, 2009 8:02 pm UTC
Location: right behind you


Re: 1110:"Click and Drag"

Postby SheepEffect » Wed Sep 19, 2012 7:13 am UTC

For those who want a quick solution, I managed to make browsing much easier with a couple CSS tweaks. You'll have to be acquainted with your browser's developer console.

#comic
disable "overflow: hidden;"

For the image that's the first child of the above div, set "display: none;"


Then just hold Ctrl and press minus to zoom out.
SheepEffect
 
Posts: 8
Joined: Mon Oct 24, 2011 6:38 pm UTC

Re: 1110:"Click and Drag"

Postby Cecil » Wed Sep 19, 2012 7:13 am UTC

And done.

big8.png is scaled down by a factor of 8, to 20736 x 9984. I can generate bigger images, but my computer (8GB RAM) almost crashed trying to open the scaled-down-by-4 one.

Be very careful opening big4.png. It's only 400K but it's also 41472x19968.
Attachments
big4.png
big4.png (398.4 KiB) Viewed 15915 times
big8.png
Last edited by Cecil on Wed Sep 19, 2012 7:40 am UTC, edited 1 time in total.
More xkcd than your mom.
Cecil
 
Posts: 23
Joined: Tue Jan 16, 2007 3:05 am UTC

Re: 1110:"Click and Drag"

Postby Annihilist » Wed Sep 19, 2012 7:14 am UTC

I'd buy a massive poster of this.
Annihilist
 
Posts: 75
Joined: Mon Mar 05, 2012 12:29 pm UTC

Re: 1110:"Click and Drag"

Postby mcgaggen » Wed Sep 19, 2012 7:14 am UTC

The farthest right: http://imgs.xkcd.com/clickdrag/1n48e.png is in reference to the first comic http://xkcd.com/1/

I also have no idea how to imbed a URL
mcgaggen
 
Posts: 2
Joined: Mon Jun 04, 2012 5:33 am UTC

Re: 1110:"Click and Drag"

Postby DaveMcW » Wed Sep 19, 2012 7:14 am UTC

Firefox cheat code. (Thanks SheepEffect)

Spoiler:
To enter the code console, type [Crtl] [Shift] K

Paste the following in:
Code: Select all
document.getElementById('comic').style.overflow='';

Type [Crtl] [Shift] K again to close the console.

Use [Ctrl] + and [Ctrl] - to zoom.
Last edited by DaveMcW on Wed Sep 19, 2012 7:25 am UTC, edited 1 time in total.
DaveMcW
 
Posts: 28
Joined: Sat May 17, 2008 7:42 pm UTC

Re: 1110:"Click and Drag"

Postby DavidLP » Wed Sep 19, 2012 7:15 am UTC

love it because its awesome, hate it because Im never gonna find everything.

a lot of these jokes I feel like are good enough to be a comic on their own. Ive only just started but so far I love "you maniacs! That sand sculpture trophy was supposed to be mine!" with a guy shaking his fist at a giant statue of liberty head. Also the marco... marco... so very fitting with the common xkcd theme of being lost, I wonder if there is someone saying polo somewhere far away. I'll be sure to keep an eye out as well as for waldo, I know hes there somewhere x_x
DavidLP
 
Posts: 3
Joined: Sun Apr 01, 2012 8:48 am UTC

Re: 1110:"Click and Drag"

Postby scottgoblue314 » Wed Sep 19, 2012 7:16 am UTC

Cecil wrote:And done.

I had to scale it down by a factor of 8, to 20736 x 9984. I can generate bigger images, but my computer (8GB RAM) almost crashed trying to open the scaled-down-by-4 one. I'll post it in a sec.


Cecil: King of the Nerds. Long live the King! Long live the King!
scottgoblue314
 
Posts: 25
Joined: Fri Oct 23, 2009 10:47 pm UTC

Re: 1110:"Click and Drag"

Postby Yuri909 » Wed Sep 19, 2012 7:17 am UTC

Spoiler:
Captain's log - Day 3: I have finally completed the entire image. I started going west and made it to the island. I followed the tunnels all the way to Super Mario Bros. World 1-1. I then proceeded back to the starting point but backtracked back to World 1-1 and on until I reached the far east edge. Upon return to SMB W1-1 I followed the tunnels back to the island and proceeded west. I was not expecting the Saturn V rocket but it pleased me greatly to see it. When I finally reached the far western side I estimated about 56 minutes were actually spent doing this with my laptop's touch pad. I regret nothing, even if I no longer have a finger print on my index finger.
Yuri909
 
Posts: 1
Joined: Wed May 16, 2012 9:17 pm UTC

Re: 1110:"Click and Drag"

Postby Notarikon » Wed Sep 19, 2012 7:18 am UTC

If you're using Chrome ...

1. Right click on the image and select Inspect Element
2. Select the line that begins with <div id="comic"
3. On the right hand side, in the sub-window called Styles, untick the box next to overflow: hidden;
4. Zoom out and waste even more time :P
Notarikon
 
Posts: 1
Joined: Wed Sep 19, 2012 7:15 am UTC

Re: 1110:"Click and Drag"

Postby Vervious » Wed Sep 19, 2012 7:19 am UTC

I made an html file that loads it the entire map...

and it takes a while to load, be patient:

http://vervious.com/random/xkcd.html, or
http://pastehtml.com/view/cc4oeb4mx.html

Scroll down halfway and you will see the ground.
Last edited by Vervious on Thu Nov 01, 2012 12:51 am UTC, edited 2 times in total.
Vervious
 
Posts: 1
Joined: Wed Sep 19, 2012 7:12 am UTC

Re: 1110:"Click and Drag"

Postby shalafi » Wed Sep 19, 2012 7:21 am UTC

I also hope that Randall is tracking how and where people are moving to. I'd love to see the tracks of people in the map.

My favorite one so far, the guys asking for following on facebook or twitter deep into the caves.

This comic strip is probably the most amazing one I've seen in xkcd ever. And that is quite something on itself :) spent more than 20 minutes clicking and dragging, wondering what else is in the middle of the ground or the sky.
Last edited by shalafi on Wed Sep 19, 2012 7:22 am UTC, edited 1 time in total.
shalafi
 
Posts: 2
Joined: Mon Feb 01, 2010 7:59 pm UTC

Re: 1110:"Click and Drag"

Postby Cecil » Wed Sep 19, 2012 7:22 am UTC

Wow, it's taking forever to upload files here.

Here's a torrent file of all the images if anyone wants it.
Attachments
images.torrent
Torrent of all the images.
(16.09 KiB) Downloaded 3875 times
More xkcd than your mom.
Cecil
 
Posts: 23
Joined: Tue Jan 16, 2007 3:05 am UTC

Re: 1110:"Click and Drag"

Postby The_Kraken » Wed Sep 19, 2012 7:32 am UTC

Cecil: when you're done, can you describe how you stitched them together? I'm using montage right now, but it's taking forever and crashing on my puny 8GB system.
The_Kraken
 
Posts: 4
Joined: Wed Sep 19, 2012 6:20 am UTC

Re: 1110:"Click and Drag"

Postby The Old Wolf » Wed Sep 19, 2012 7:33 am UTC

A few things:

1) Mr. Munroe, you have officially borked my mind. Image Congratulations.

2) I located the code, but my Javascript-fu wasn't strong enough to determine the exact URL for each tile. Mad props to Cecil for slurping it all up.

3) THERE ARE FAINT RUSTLING NOISES FROM THE DARKNESS BEHIND YOU.
OUT FROM THE SHADOWS BEHIND YOU POUNCES A BEARDED PIRATE! "HAR, HAR,"
I'LL JUST TAKE ALL THIS BOOTY AND HIDE IT AWAY WITH ME
CHEST DEEP IN THE MAZE!" HE SNATCHES YOUR TREASURE AND VANISHES INTO
THE GLOOM.

4) S,E,S,S,S,N,E,N,E,NW - THE PIRATE'S TREASURE CHEST IS HERE!

Arr. Plugh! Plugh! Dammit. Arr. I must be at Witt's End, matey.
"The greatest insanity is surely to see the world only as it is, and not as it might be."
-Miguel de Cervantes
User avatar
The Old Wolf
 
Posts: 20
Joined: Fri Aug 21, 2009 7:28 am UTC
Location: Not Denver, but we have better powder.

Re: 1110:"Click and Drag"

Postby Cecil » Wed Sep 19, 2012 7:39 am UTC

This one's 41472 x 19968: http://imgur.com/o42WQ

This one's half that. http://imgur.com/EXRed

Paint.NET fails to open the big one, but IrfanView works fine. You can't read text even in the bigger one, but you can zoom around and see everything.

I can't make one that's as big as half-size because python crashes trying to new a 3.2 Gigapixel image (who knew). I'm surprised I can make a 800Megapixel one.
More xkcd than your mom.
Cecil
 
Posts: 23
Joined: Tue Jan 16, 2007 3:05 am UTC

Re: 1110:"Click and Drag"

Postby The_Kraken » Wed Sep 19, 2012 7:57 am UTC

Leave it to Randall to make an image so large that it crashes everyone's computer to try and view it.

I'm really enjoying this.
The_Kraken
 
Posts: 4
Joined: Wed Sep 19, 2012 6:20 am UTC

Re: 1110:"Click and Drag"

Postby Nyerguds » Wed Sep 19, 2012 8:04 am UTC

This comic gives me flashbacks to LIMBO.

Also, once I got into the caves, I was sooo waiting for this :3

Creeper!
http://imgs.xkcd.com/clickdrag/18s3e.png
User avatar
Nyerguds
 
Posts: 62
Joined: Mon Aug 27, 2007 7:43 am UTC

Re: 1110:"Click and Drag"

Postby Cecil » Wed Sep 19, 2012 8:09 am UTC

http://i.imgur.com/oVTiU.png is small enough that chrome can display it.

Here's my python script. It's crappy but works.

Code: Select all
import Image
import os.path

SCALE = 32

big = Image.new("1", (165888/SCALE,79872/SCALE), 1)
for y in range(1, 30):
    for x in range(1, 49):
        for n in ['s','n']:
            for e in ['e', 'w']:
                name = str(y) + n + str(x) + e + ".png"
                if not os.path.exists(name): continue

                pic = Image.open(name)
               
                xpos = x-1 if e=='e' else -x               
                ypos = y-1 if n=='s' else -y
                xpos += 33
                ypos += 14
                xpos *= 2048/SCALE
                ypos *= 2048/SCALE
                print name, xpos, ypos
                big.paste(pic.resize((2048/SCALE,2048/SCALE) ), (xpos,ypos))
big.save("big"+str(SCALE)+".png")
More xkcd than your mom.
Cecil
 
Posts: 23
Joined: Tue Jan 16, 2007 3:05 am UTC

Re: 1110:"Click and Drag"

Postby phlip » Wed Sep 19, 2012 8:44 am UTC

http://www.mrphlip.com/xkcd1110/ - a sort of shrunk-down minimap-style thing that you can click on to see the full-size tiles.

This is just version 1, for now... I just wanted to get something up quickly. Plan is that the next version will be built with Google Maps, so you can zoom in and out wherever you want.
While no one overhear you quickly tell me not cow cow.
but how about watch phone?
User avatar
phlip
Restorer of Worlds
 
Posts: 7178
Joined: Sat Sep 23, 2006 3:56 am UTC
Location: Australia

Re: 1110:"Click and Drag"

Postby Mozzz » Wed Sep 19, 2012 9:45 am UTC

I just registered to thank Cecil and Mr Phlip for their efforts, they are much appreciated. Looking forward to version 2!
Mozzz
 
Posts: 1
Joined: Wed Sep 19, 2012 8:41 am UTC

Re: 1110:"Click and Drag"

Postby JJH » Wed Sep 19, 2012 9:55 am UTC

Wow, this was/is epic.

It was like “I don’t get it”
*checks alt-text*
*clicks-and-drags*
“oh, it moves!”
“It is big!”

Also I found raptors… one classic and one of them feathered ones.
JJH
 
Posts: 19
Joined: Wed Sep 19, 2012 8:26 am UTC

Re: 1110:"Click and Drag"

Postby Catprog » Wed Sep 19, 2012 10:00 am UTC

Well done.

I am wondering though if the bridge is the Sydney Harbor Bridge?
Catprog
 
Posts: 12
Joined: Wed Apr 06, 2011 7:53 am UTC

Re: 1110:"Click and Drag"

Postby ThemePark » Wed Sep 19, 2012 10:01 am UTC

Ow. Totally worth it.
Ow. Totally worth it.
Ow. Totally worth it.
...

<5 years later>

...

Ow. Totally worth it.
Ow. Totally worth it.

...
I have traveled from 1979 to be a member of the unofficial board Council of Elders. Phear M3
ThemePark
 
Posts: 285
Joined: Fri Jun 27, 2008 5:42 pm UTC
Location: Århus, Denmark

Re: 1110:"Click and Drag"

Postby JustTheBast » Wed Sep 19, 2012 10:03 am UTC

Randall, you are crazy and I love you.
User avatar
JustTheBast
 
Posts: 10
Joined: Mon Sep 03, 2007 8:00 am UTC
Location: Oberhausen, Germany

Re: 1110:"Click and Drag"

Postby rossdargan » Wed Sep 19, 2012 10:04 am UTC

I'm working on a deepzoom version (it's taking an age to render)

Will randall be ok with me hosting it? Don't really want to get sued :-)

/Edit: Here is the url for the deepzoom version: http://clickanddrag.azurewebsites.net
Last edited by rossdargan on Wed Sep 19, 2012 12:46 pm UTC, edited 1 time in total.
rossdargan
 
Posts: 6
Joined: Wed Sep 19, 2012 10:01 am UTC

Re: 1110:"Click and Drag"

Postby Felstaff » Wed Sep 19, 2012 10:06 am UTC

berbatov wrote:someone make a side scrolling game that lets you explore this

It's called LIMBO
Habent sua fata libelli et balli
User avatar
Felstaff
Occam's Taser
 
Posts: 4946
Joined: Fri Feb 01, 2008 7:10 pm UTC
Location: ¢ ₪ ¿ ¶ § ∴ ® © ™ ؟ ¡ ‽ æ Þ ° ₰ ₤ ಡಢ

Re: 1110:"Click and Drag"

Postby taifu » Wed Sep 19, 2012 10:12 am UTC

I downloaded all the tiles and I'm creating a big (scaled down!) PNG. I'll post here a copy

Edited: can't post a link (disapproved by moderator), btw now there are lot of big PNG to download :)
Last edited by taifu on Wed Sep 19, 2012 12:21 pm UTC, edited 1 time in total.
taifu
 
Posts: 1
Joined: Wed Sep 19, 2012 10:05 am UTC

Re: 1110:"Click and Drag"

Postby Wingman4l7 » Wed Sep 19, 2012 10:16 am UTC

rossdargan wrote:I'm working on a deepzoom version (it's taking an age to render)

Will randall be ok with me hosting it? Don't really want to get sued :-)

You might be able to just use http://zoom.it/ -- I was going try uploading one of the stitched full versions up there, but now I don't know if I'll get around to it.
No account needed to make it (although the image does have to be hosted at a URL somewhere -- use Imgur?), and the resulting URL should be publicly viewable.
Like baralong said, Randall's comics are Creative Commons, so it should be ok.
Last edited by Wingman4l7 on Wed Sep 19, 2012 10:22 am UTC, edited 1 time in total.
User avatar
Wingman4l7
 
Posts: 12
Joined: Fri Jul 27, 2007 4:07 am UTC

Re: 1110:"Click and Drag"

Postby rossdargan » Wed Sep 19, 2012 10:21 am UTC

Wingman4l7 wrote:
rossdargan wrote:I'm working on a deepzoom version (it's taking an age to render)

Will randall be ok with me hosting it? Don't really want to get sued :-)

You might be able to just use - I was going try uploading one of the stitched full versions up there, but I don't know if I'll get around to it.
No account needed to make it, and the resulting URL should be publicly viewable.
Like, his comics are Creative Commons, so it should be ok.


Cool, well the rendering is done so I'm just uploading it now. But it's going to take 2 hours due to the number of files produced (it's 35mb, but there are 19k+ files!)

anyway I'll share the url when it's done. It's a very cool way to navigate it!
rossdargan
 
Posts: 6
Joined: Wed Sep 19, 2012 10:01 am UTC

Re: 1110:"Click and Drag"

Postby AvatarIII » Wed Sep 19, 2012 10:24 am UTC

phlip wrote:http://www.mrphlip.com/xkcd1110/ - a sort of shrunk-down minimap-style thing that you can click on to see the full-size tiles.

This is just version 1, for now... I just wanted to get something up quickly. Plan is that the next version will be built with Google Maps, so you can zoom in and out wherever you want.


good work!

i feel kind of sorry for the X-Wing pilot flying up a narrowing shaft, with a closed hatch on the top.
User avatar
AvatarIII
 
Posts: 2101
Joined: Fri Apr 08, 2011 12:28 pm UTC
Location: W.Sussex, UK

Re: 1110:"Click and Drag"

Postby Wingman4l7 » Wed Sep 19, 2012 10:25 am UTC

rossdargan wrote:Cool, well the rendering is done so I'm just uploading it now. But it's going to take 2 hours due to the number of files produced (it's 35mb, but there are 19k+ files!)

anyway I'll share the url when it's done. It's a very cool way to navigate it!

Thanks for going through the effort, I (and I'm sure many others) appreciate it! I was hoping someone would do that. ZUIs are definitely the future for such giant images =)
User avatar
Wingman4l7
 
Posts: 12
Joined: Fri Jul 27, 2007 4:07 am UTC

Re: 1110:"Click and Drag"

Postby VanI » Wed Sep 19, 2012 10:27 am UTC

Catprog wrote:Well done.

I am wondering though if the bridge is the Sydney Harbor Bridge?


That was exactly my thought, although I don't remember there being a guy manning a canon at the end of the real Sydney Harbor Bridge.
I swear, a fireball lied to me just the other day...
VanI
 
Posts: 61
Joined: Mon Mar 19, 2012 2:54 am UTC

Re: 1110:"Click and Drag"

Postby JustDoug » Wed Sep 19, 2012 10:34 am UTC

Brilliant, wonderfully creative and perhaps one of the best use of Wasted Time I have seen in decades. Good On You, Randall. You win.
JustDoug
 
Posts: 87
Joined: Sun Oct 04, 2009 3:35 pm UTC

Re: 1110:"Click and Drag"

Postby tjohnman » Wed Sep 19, 2012 10:35 am UTC

berbatov wrote:someone make a side scrolling game that lets you explore this


I'm already on it. If anyone wants to join or is already working on one please contact me. We don't want to be making it twice. I'll come back later.
tjohnman
 
Posts: 4
Joined: Wed Sep 19, 2012 10:31 am UTC

Re: 1110:"Click and Drag"

Postby Pfhorrest » Wed Sep 19, 2012 10:39 am UTC

Vervious wrote:I made an html file that loads it the entire map...

and it takes a while to load, be patient:

http://vervio.us/xkcd, or
http://pastehtml.com/view/cc4oeb4mx.html

Scroll down halfway and you will see the ground.

Best first post ever. This is exactly what I've spent all night/morning trying to hack some javascript together to do...
Forrest Cameranesi, Geek of All Trades
"I am Sam. Sam I am. I do not like trolls, flames, or spam."
The Codex Quaerendae (my philosophy) - The Chronicles of Quelouva (my fiction)
User avatar
Pfhorrest
 
Posts: 2391
Joined: Fri Oct 30, 2009 6:11 am UTC

Re: 1110:"Click and Drag"

Postby lorem » Wed Sep 19, 2012 10:40 am UTC

Hi everybody, I just registered to mention this Hacker News thread about today's xkcd: http://news.ycombinator.com/item?id=4542367
There you can find various hacks that ease the navigation of the comic, complete maps in variuus resolutions, etc.

My favourites:

* JS to add add keyboard controls to the map (from this comment: http://news.ycombinator.com/item?id=4542590):

Code: Select all
// get the map element
var el = $('.map')[0];
// amount in pixels we want to move each keypress/hold
var move = 200;
function fakeMouseEvent(type, x, y) {
    var evt = document.createEvent("MouseEvents");
    evt.initMouseEvent(type, true, true, window,
                       0, 0, 0, x, y, false, false, false, false, 0, null);
    el.dispatchEvent(evt);
}
$(window).keydown(function(e) {
    var key = e.which;
    if (key >= 37 && key <= 40) {
        e.preventDefault();
        var left=0, top=0;
        if (key == 37) { left += move; }
        if (key == 38) { top += move; }
        if (key == 39) { left -= move; }
        if (key == 40) { top -= move; }
        fakeMouseEvent('mousedown', 0, 0);
        setTimeout(function() {
            fakeMouseEvent('mousemove', left, top);
            setTimeout(function() {
                fakeMouseEvent('mouseup', left, top);
            }, 0);
        }, 0);
    }
});


* JS to enlarge the scrollable part of the comic to full window (from this comment: http://news.ycombinator.com/item?id=4542627):

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


How to use in Chrome: Go to http://xkcd.com/1110/ > Wrench icon > Tools > JavaScript Console > paste the code and press enter
lorem
 
Posts: 1
Joined: Wed Sep 19, 2012 10:22 am UTC

Re: 1110:"Click and Drag"

Postby boXd » Wed Sep 19, 2012 10:41 am UTC

This is one of the awesomest things I have ever seen (not counting the real world), and yet the only thing I can think of is "This would make for an incredible Worms map."
User avatar
boXd
 
Posts: 196
Joined: Thu Aug 09, 2012 7:05 pm UTC
Location: The Netherlands

Re: 1110:"Click and Drag"

Postby realbart » Wed Sep 19, 2012 10:41 am UTC

If you'd like to cheat...

Code: Select all
<html>
<head>
    <style type="text/css">
        body, table, tbody, tr, td, img, a
        {
            border: 0px;
            margin: 0px;
            border-collapse: collapse;
            padding: 0px;
        }
    </style>
</head>
<body>
    <table>
        <script type="text/javascript">

            for (var n = 10; n >= 0; n--) writerow(n + 'n');
            for (var s = 0; s < 10; s++) writerow(s + 's');

            function writerow(ns) {
                document.write("<tr>");
                for (var w = 50; w >= 0; w--) writecell(ns, w + 'w');
                for (var e = 0; e < 50; e++) writecell(ns, e + 'e');
                document.write("</tr>");
            }

            function writecell(ns, ew) {
                var url = 'http://imgs.xkcd.com/clickdrag/' + ns + ew + '.png';
                document.write('<td><a href="' + url + '" target="_blank"><img src="' + url + '" height="20" width="20" /></a></td>');
            }

        </script>
    </table>
</body>
</html>
realbart
 
Posts: 12
Joined: Sat Mar 15, 2008 10:02 pm UTC

PreviousNext

Return to Individual XKCD Comic Threads

Who is online

Users browsing this forum: Gingercat and 19 guests