<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>xkcd | 酷 壳 - CoolShell</title>
	<atom:link href="https://coolshell.cn/tag/xkcd/feed" rel="self" type="application/rss+xml" />
	<link>https://coolshell.cn</link>
	<description>享受编程和技术所带来的快乐 - Coding Your Ambition</description>
	<lastBuildDate>Tue, 30 Oct 2012 08:55:19 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.2</generator>
	<item>
		<title>xkcd 神图“Click and Drag”</title>
		<link>https://coolshell.cn/articles/8398.html</link>
					<comments>https://coolshell.cn/articles/8398.html#comments</comments>
		
		<dc:creator><![CDATA[陈皓]]></dc:creator>
		<pubDate>Tue, 16 Oct 2012 00:15:44 +0000</pubDate>
				<category><![CDATA[杂项资源]]></category>
		<category><![CDATA[轶事趣闻]]></category>
		<category><![CDATA[Programmer]]></category>
		<category><![CDATA[xkcd]]></category>
		<category><![CDATA[程序员]]></category>
		<guid isPermaLink="false">http://coolshell.cn/?p=8398</guid>

					<description><![CDATA[<p>xkcd对于经常浏览国外网站的朋友一定不会陌生。不过，还是先让我来介绍一下xkcd（维基百科词条）。这是一个漫画网站，它主要是发布一些很简单的随手画的漫画，它主...</p>
<p class="read-more"><a class="btn btn-default" href="https://coolshell.cn/articles/8398.html"> Read More<span class="screen-reader-text">  Read More</span></a></p>
The post <a href="https://coolshell.cn/articles/8398.html">xkcd 神图“Click and Drag”</a> first appeared on <a href="https://coolshell.cn">酷 壳 - CoolShell</a>.]]></description>
										<content:encoded><![CDATA[<p><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3415450859608158"
     crossorigin="anonymous"></script><a href="http://xkcd.com/" target="_blank">xkcd</a>对于经常浏览国外网站的朋友一定不会陌生。不过，还是先让我来介绍一下xkcd（<a href="http://en.wikipedia.org/wiki/Xkcd" target="_blank">维基百科词条</a>）。这是一个漫画网站，它主要是发布一些很简单的随手画的漫画，它主要有四种体裁——浪漫、讽刺、数学 和 语言。也会经常出现一些和IT有关的漫画，比如下面这个漫画—— （懂Unix的人一眼就看懂了，不懂的怎么看也看不懂）</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-8399" title="xkcd-sandwich" src="https://coolshell.cn/wp-content/uploads/2012/10/xkcd-sandwich.png" alt="" width="360" height="299" srcset="https://coolshell.cn/wp-content/uploads/2012/10/xkcd-sandwich.png 360w, https://coolshell.cn/wp-content/uploads/2012/10/xkcd-sandwich-300x249.png 300w, https://coolshell.cn/wp-content/uploads/2012/10/xkcd-sandwich-325x270.png 325w" sizes="(max-width: 360px) 100vw, 360px" /></p>
<p>本质上来说，xkcd是一种Geek文化，里面的东西都非常的Geek和晦涩，讽刺很辛辣，但很多只有特定人群可以看得懂。而且表达的形式自由到天马行空，飘忽不定。</p>
<p><span id="more-8398"></span></p>
<p>xkcd.com的网站创建者、所有的漫画的作者叫<a title="Randall Munroe" href="http://en.wikipedia.org/wiki/Randall_Munroe">Randall Munroe</a><img decoding="async" loading="lazy" class="alignright" title="Randall Munroe" src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Randall_Munroe_ducks.JPG/230px-Randall_Munroe_ducks.JPG" alt="" width="230" height="343" />，他以前在 NASA工作，是那里的Roboticist——机器人专家，80后，同样，也是一个程序员。他还会画漫画。</p>
<p>xkcd是他于2005年创建的，他本来只是想把他大学里在记事本里画的漫画放到他的个人主页上，但结果却搞成了一个独立的以漫画为主的网站，他用他画的这些漫画做成T恤卖。为什么要取名叫xkcd，据Munroe说，这四个字母，没有任何意义，就是为了让人不能把他们通过拼成一个单词读出来。现在他全职在搞xkcd.com。他现在一周会更新三次漫画，分别在周一，周三，和周五。</p>
<p>到了2007年5月，xkcd上的漫画才被广泛转载。2008年10月， <em><a title="The New Yorker" href="http://en.wikipedia.org/wiki/The_New_Yorker">The New Yorker</a></em> 杂志对Munroe做了一个采访。</p>
<p>2010年3月，xkcd的书里的<a href="http://forums.xkcd.com/viewtopic.php?p=2042913#p2042829" target="_blank">谜底被解决了</a>，Munroe在旧金山的金门大桥公园里给他的Fans发了255本限量版的书。</p>
<p>2012年4月1日愚人节，他的1037 号漫画(&#8220;Umwelt&#8221;) 会根据不同的IP，浏览器和地址显示不同的漫画。</p>
<p>2012年9月19号，xkcd的第1110号图问世了。</p>
<h4>XKCD #1110 神图</h4>
<p>这个图上面就是三格小漫画，一个小人拿着气球，还有两句耐人寻味的话。而<strong>这三格漫画图的下面是一个风景图，取名 Click and Drag，也就是让你点住图片拖动。于是你就不能自拔了。</strong></p>
<p>我只所以在前面写了那么多东西，而不是把这个链接放在一开始，就是害怕你点了这个图，就再也不回来了。</p>
<p>好了，现在你可以点下面的链接开这个神图了 （你会发现这个图怎么也拖不完，无穷完尽的，所以，还请你先回来）<strong></strong></p>
<p style="text-align: center; font-size: 24px;"><strong> <a href="http://www.xkcd.com/1110/" target="_blank">Click and Drag</a></strong></p>
<p style="text-align: center;"><strong><span style="color: #cc0000;">但请你一定还要回来，本文后面还有精彩内容!</span></strong></p>
<p><strong>这个图一发布，几乎全世界的各大论坛都在疯狂的转载，很多媒体都关注这个漫画，各种技术社区如：reddit 在疯狂地讨论着这个图是怎么实现的，有多大？还有很多人再分析这个图里的内容，这个图里隐藏着很多很有意思的东西，《有2001太空漫游》，有《星球大战》，还有《超级马丽》等等。</strong></p>
<p style="text-align: center;"><strong>几乎整个互联网都沸腾了，但好像中国社区对此事完全不知。</strong></p>
<p>网上出现了很多相关的blog和站点来分析这个图片。如果你在Google里搜xkcd 1110，你会发现很多内容。</p>
<h4>这个图有多大</h4>
<ul>
<li>这个图可以分解成 2592 个 2048 x 2048 像素的图。</li>
</ul>
<ul>
<li>但其中只有 225 个 2048 x 2048 的PNG 图片文件。而剩下的2337 基本上是纯黑的或是纯白的块。比如地下和天空。</li>
</ul>
<ul>
<li>整个图横向有81个2048 x 2048的图（左边有33个，右边有48个），纵向有32个 2048 x 2048个图（天上有13个，地下有19个）</li>
</ul>
<ul>
<li>老大当晚Release的全尺寸的大图（比现在你看到的还要大），不算空白处，图片共有60G的像素，而如果要算上整个图将会是T级别的像素。现在你看到版本已被做过优化，不算空白处，只有1G的像素，而算上全图有10G的像素。 (2048x2048x225 = 943,718,400 和 2048x2048x2592 = 10,871,635,968).</li>
</ul>
<ul>
<li>如果我们按比例来看的话，图中的32个象素对应于现实世界的5英尺，那么，这个图的宽有25920英尺（7.9公里），高有10240英尺（3.1公里）。</li>
</ul>
<ul>
<li>如果每个 2048 x 2048 的PNG图可以被打印成一个300 dpi的宣传画，那么，这个宣传画基本上是14.05米宽，5.55米高的图。现在的PNG被调整过了，只有72dpi左右。</li>
</ul>
<p>有人说，创作这么这个大图很费时间。不过我觉得这对于Geek来说不是问题，因为这应该是可以通过矢量图的拼装来搞定。</p>
<figure id="attachment_8400" aria-describedby="caption-attachment-8400" style="width: 645px" class="wp-caption aligncenter"><a href="https://coolshell.cn/wp-content/uploads/2012/10/xkcd1110.png"><img decoding="async" loading="lazy" class=" wp-image-8400   " title="xkcd 1110全景缩略图（点击看大缩略图）" src="https://coolshell.cn/wp-content/uploads/2012/10/xkcd1110-1024x346.png" alt="xkcd 1110全景缩略图（点击看大缩略图）" width="645" height="218" srcset="https://coolshell.cn/wp-content/uploads/2012/10/xkcd1110-1024x346.png 1024w, https://coolshell.cn/wp-content/uploads/2012/10/xkcd1110-300x101.png 300w" sizes="(max-width: 645px) 100vw, 645px" /></a><figcaption id="caption-attachment-8400" class="wp-caption-text">xkcd 1110全景缩略图（点击看大缩略图）</figcaption></figure>
<h4>看看技术宅们干了什么</h4>
<p>下面我只记录了些不完全的技术宅们的因为这个画搞出来的东西。大家可以补充。</p>
<p style="padding-left: 30px;">1）如果你用鼠标翻得不爽的话，你可以<a href="http://www.potch.me/blog/press-and-hold.html" target="_blank">看看这篇文章</a>，在你的Chrome下按Ctrl+Shift+I，然后到Javascript控制台里，粘贴文中的代码，于是，你就可以用键盘的光标键移动并浏览整个世界了。</p>
<p style="padding-left: 30px;">2）这是个全屏版的：<a href="http://ares.aylett.co.uk/xkcd/" rel="nofollow">http://ares.aylett.co.uk/xkcd/</a></p>
<p style="padding-left: 30px;">3）如果你要下载所有的图，你可以使用这个<a href="http://lebbeo.us/static/get-xkcd-1110.py" target="_blank">Python脚本</a>来完成（<a href="http://lebbeo.us/2012/09/19/not-bbq-fetching-component-images-of-xkcd-comic-1110/" target="_blank">转自这篇文章</a>）</p>
<p style="padding-left: 30px;">4）还有人把它搞成了像Google Map一样的东西。 你可以访问下面的链接：</p>
<blockquote>
<ul>
<li><a href="http://xkcd-map.rent-a-geek.de/" target="_blank">http://xkcd-map.rent-a-geek.de/</a></li>
<li><a href="http://xkcdmap.webege.com/" target="_blank">http://xkcdmap.webege.com/ </a></li>
</ul>
<p>5）看看Hacker News的讨论贴吧，什么都有了（<a href="http://news.ycombinator.com/item?id=4542367" target="_blank">http://news.ycombinator.com/item?id=4542367</a>）</p></blockquote>
<p>当然，对于这个图最强的一个站点如下，解释了所有和这个图有关信息，包括图中的各种文字和图案的意思。</p>
<p style="text-align: center;"><a href="http://www.explainxkcd.com/wiki/index.php?title=1110:_Click_and_Drag" target="_blank">http://www.explainxkcd.com/wiki/index.php?title=1110:_Click_and_Drag</a></p>
<p style="text-align: left;">看到这个图后，我陷入了深深地沉思，我在想。是什么样的动力能让人干出这样的事来？兴趣，还是为了好玩。还就是为了证明他能干一些让人拍案叫绝的东西？<strong>这可能就是一种Geek精神吧。就是为了能做出让世人冿冿乐道的东西</strong>。</p>
<p style="text-align: left;">（全文完）</p>
<p><!--



<p align="center"><a href= target=_blank><img decoding="async" src=""></a></p>





<p align="center"><img decoding="async" src="https://coolshell.cn/wp-content/uploads/2020/03/coolshell.weixin.jpg"> <img decoding="async" loading="lazy" src="https://coolshell.cn/wp-content/uploads/2020/03/coolshell.mini_.jpg" width="300" height="300"> <br />关注CoolShell微信公众账号和微信小程序</p>

 

--></p>
<div style="margin-top: 15px; font-size: 16px;color: #cc0000;">
<p align="center"><strong>（转载本站文章请注明作者和出处 <a href="https://coolshell.cn/">酷 壳 &#8211; CoolShell</a> ，请勿用于任何商业用途）</strong></p>
</div>

<div class="wp_rp_wrap  wp_rp_vertical_m" id="wp_rp_first"><div class="wp_rp_content"><h3 class="related_post_title">相关文章</h3><ul class="related_post wp_rp"><li ><a href="https://coolshell.cn/articles/22298.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/uploads/2022/10/communication-150x150.png" alt="聊聊团队协同和协同工具" width="150" height="150" /></a><a href="https://coolshell.cn/articles/22298.html" class="wp_rp_title">聊聊团队协同和协同工具</a></li><li ><a href="https://coolshell.cn/articles/22173.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/uploads/2022/02/http_method-150x150.png" alt="“一把梭：REST API 全用 POST”" width="150" height="150" /></a><a href="https://coolshell.cn/articles/22173.html" class="wp_rp_title">“一把梭：REST API 全用 POST”</a></li><li ><a href="https://coolshell.cn/articles/22157.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/uploads/2022/02/monitoring-150x150.jpeg" alt="谈谈公司对员工的监控" width="150" height="150" /></a><a href="https://coolshell.cn/articles/22157.html" class="wp_rp_title">谈谈公司对员工的监控</a></li><li ><a href="https://coolshell.cn/articles/21589.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/uploads/2021/07/knowledge_sharing-300x169-1-150x150.jpeg" alt="如何做一个有质量的技术分享" width="150" height="150" /></a><a href="https://coolshell.cn/articles/21589.html" class="wp_rp_title">如何做一个有质量的技术分享</a></li><li ><a href="https://coolshell.cn/articles/20977.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/uploads/2020/08/programmer.01-e1596792460687-150x150.png" alt="程序员如何把控自己的职业" width="150" height="150" /></a><a href="https://coolshell.cn/articles/20977.html" class="wp_rp_title">程序员如何把控自己的职业</a></li><li ><a href="https://coolshell.cn/articles/20765.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/uploads/2020/01/remote-150x150.jpg" alt="MegaEase的远程工作文化" width="150" height="150" /></a><a href="https://coolshell.cn/articles/20765.html" class="wp_rp_title">MegaEase的远程工作文化</a></li></ul></div></div>The post <a href="https://coolshell.cn/articles/8398.html">xkcd 神图“Click and Drag”</a> first appeared on <a href="https://coolshell.cn">酷 壳 - CoolShell</a>.]]></content:encoded>
					
					<wfw:commentRss>https://coolshell.cn/articles/8398.html/feed</wfw:commentRss>
			<slash:comments>54</slash:comments>
		
		
			</item>
	</channel>
</rss>
