10 ms·
Xkcd's world - pieced together with AngularJS (warning: big images)
Source here: http://plnkr.co/edit/IfpBH4
This was as big as I could get it before my computer started to grind to a halt, but it's more of a demo of how little code it takes to do this sort of thing in AngularJS than anything else.
Took me away from building http://goodfil.ms for about 40 minutes all up.
- geelen 14y agoSource here: http://plnkr.co/edit/IfpBH4 http://plnkr.co/edit/IfpBH4 This was as big as I could get it before my computer started to grind to a halt, but it's more of a demo of how little code it takes to do this sort of thing in AngularJS than anything else. Took me away from building http://goodfil.ms http://goodfil.ms for about 40 minutes all up.
- cheeaun 14y agowish there's a way to zoom in/out.
- BonoboBoner 14y agoDoable with leaflet (https://github.com/CloudMade/Leaflet https://github.com/CloudMade/Leaflet), if only I did not have to finish this paper right now...
- mrspeaker 14y agoBooooo! ;)
- bobylito 14y agoThe hack is interesting but it ruins the experience of the discovery of the world :(
- janardanyri 14y agoCool hack, but I can't help but feel like this completely misses the point.
- jimminy 14y agoAfter 45 minutes, my index fingers are absolutely warn out from using a trackpad. I really wish he would have made it navigable by more than just click & drag. I do wish this was more thorough, though.
- mappingbabel0 14y agoChrome users can use keyboard to navigate map in fullscreen - code here http://www.reddit.com/r/comics/comments/104hbr/xkcd_click_and_drag/c6acpng http://www.reddit.com/r/comics/comments/104hbr/xkcd_click_an...
- byjess 14y agoYou didn't expect it would be so big?
- thronemonkey 14y agoTo me that's why its so magical. Its actually expensive in time and effort to navigate, so you feel like you're investing something in order to explore. This also means that its difficult to see every part of the image, so you're left with a sense of frontiers yet unexplored when you navigate away from the page. The zooming versions are cool but, to me, actually take away from what Randall is trying to achieve here.
- skybrian 14y agoI think it still works with zooming because the scale is so extreme that it leaves you wondering whether a tiny smudge is worth zooming in on. And once you zoom in far enough to read the text, the surrounding objects look as big as they're meant to be.
- silencio 14y agoI thought that it was the "click" part of the original navigation that really frustrated me, rather than only seeing a little bit at a time. I gave up on the original in a few minutes because my hands/wrists were aching after using a touchpad and then a mouse I used the zoom versions after the fact primarily so I could swipe to look at the original 1:1 more comfortably, and then only later to follow up on what I thought (correctly) was just a bunch of blank space. Clicking to drag specifically really dampened my enthusiasm for going off in random directions to investigate the whole thing.
- jeffool 14y agoI appreciate it. After spending so much time clicking around and enjoying, and being near positive I've seen it all, I like having this to be sure.
- DanielRibeiro 14y agoNice, but it is missing some images, like this: http://github.com/danielribeiro/xkcd_grab/blob/master/1n33w.png http://github.com/danielribeiro/xkcd_grab/blob/master/1n33w.... Edit: somebody else has posted the full html file online: http://edc.srvs.us/1110/ http://edc.srvs.us/1110/ The full image set can be grabbed here http://github.com/danielribeiro/xkcd_grab http://github.com/danielribeiro/xkcd_grab People who want to see the whole tile as images, can see this comment from the other thread: http://news.ycombinator.com/item?id=4542660 http://news.ycombinator.com/item?id=4542660
- reinierladan 14y agoI created a high res PDF with readable text balloons of this awesome big image - (hosted in my dropbox) http://s.rlink.co/JZ6G http://s.rlink.co/JZ6G
- reinierladan 14y agoDropbox says "This account's public links are generating too much traffic and have been temporarily disabled!" so I put a backup on Cloud app: http://news.ycombinator.com/item?id=4543626 http://news.ycombinator.com/item?id=4543626
- chao- 14y agoHaving trouble loading the parent link so here's my own version for anyone else with the same problem: http://dl.dropbox.com/u/20403079/xkcd1110map.zip http://dl.dropbox.com/u/20403079/xkcd1110map.zip I had this master plan of putting it into a webpage and using some sort of screen-print extension or JS to save it as one huge image. But as of now I've now spent more time on the capture part of it than I did on the initial scripts to grab the files and render them out in JavaScript, and need to get back to work instead. If this helps anyone get closer to a full image, please post the result!
- reinierladan 14y agoFull image in PDF (close enough to full res for readable text balloons): http://s.rlink.co/JZ6G http://s.rlink.co/JZ6G
- chao- 14y agoVery nice. I like how the separate sections are links to the actual images.
- reinierladan 14y agoCreated it by creating an image of http://iclub.site40.net/xkcd.html http://iclub.site40.net/xkcd.html with [Paparazzi!](http://derailer.org/paparazzi/ http://derailer.org/paparazzi/)
- bduerst 14y agoThe javascript crashed my browser D:
- reinierladan 14y agoDropbox says "This account's public links are generating too much traffic and have been temporarily disabled!" so I put a backup on Cloud app: http://news.ycombinator.com/item?id=4543626 http://news.ycombinator.com/item?id=4543626
- pork 14y agoDoes this remind anyone else of Limbo, the monochrome video game?
- brazzy 14y agoYes.
- egypturnash 14y agoNot enough horrible, pointless deathtraps.
- amatus 14y agoA friend tells me there's a Limbo reference in there but I don't know what it is.
- dividuum 14y agoMy fully zoomable (think google maps) version based on http://leaflet.cloudmade.com http://leaflet.cloudmade.com http://xkcd-map.rent-a-geek.de/ http://xkcd-map.rent-a-geek.de/
- mih 14y agoThis is pretty awesome and more easily navigable.
- jcfrei 14y agothis should be on top - great work!
- devcpp 14y agoBest one yet in my opinion. Thanks.
- DomBlack 14y agoGreat work, much easier to explore now! I spent far to long this morning dragging myself down a tunnel.
- cousin_it 14y agoGreat work! Two minor problems: 1) Zooming is accompanied by a sideways wobble on Chrome/Linux 2) Solid black tiles are shown as solid white
- elarkin 14y agoIn the original, the supposedly black tiles were actually just missing images, allowing the black background to show through. That's why they're white here. The author has used a solid background for the whole map, instead of having a black background for the bottom half.
- dividuum 14y agoNot sure about 1), but 2) is fixed now.
- LutherBlissett 14y ago
- wrath 14y agoI must be missing the point to this because I'm having a "huh, cool? move on moment"; but it's the top item on the front page right now. Can someone shed some light at what I'm looking at?
- surrealize 14y ago> If you're having fencepost problems I feel bad for you, son-- > I've got 99 problems but somehow solved 101 lol, if it hadn't been for reinierladan I never would have seen that one. It's http://imgs.xkcd.com/clickdrag/1n9e.png http://imgs.xkcd.com/clickdrag/1n9e.png (to the right of the windmills)
- reinierladan 14y agoNice one. If it wasn't for myself I wouldn't have found the second x-wing. This thing is too big and too epic.
- reinierladan 14y agoDropbox says "This account's public links are generating too much traffic and have been temporarily disabled!" so I put a backup on Cloud app: http://news.ycombinator.com/item?id=4543626 http://news.ycombinator.com/item?id=4543626
- TheSwordsman 14y agoLooks like some poor guy ran in to a creeper: http://imgs.xkcd.com/clickdrag/18s3e.png http://imgs.xkcd.com/clickdrag/18s3e.png
- deleted 14y ago[deleted]
- aliostad 14y agoI wanted to do this but felt it is cheating on xkcd. He did not intend this to viewed as such.
- brazzy 14y agoActually, I am pretty certain he fully expected all kinds of alternate views to spring up within hours.
- Draiken 14y agoThat was the biggest time waster I had in so many time. My hand hurts but I loved it.
- gbadman 14y agoCreator of Plunker here. Big thanks to the Nodejitsu and Mongolab folks whose services are strong enough to compensate for my crappy code being hit by a Hackernews assault.