<?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>but, or bug... &#187; 惡趣味</title>
	<atom:link href="http://but.tw/category/%e6%83%a1%e8%b6%a3%e5%91%b3/feed/" rel="self" type="application/rss+xml" />
	<link>http://but.tw</link>
	<description>but's writings, notes, and murmurs</description>
	<lastBuildDate>Thu, 03 May 2012 01:08:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>臺北捷運路綫圖 復古版</title>
		<link>http://but.tw/2011/01/taipei_metromap_classic/</link>
		<comments>http://but.tw/2011/01/taipei_metromap_classic/#comments</comments>
		<pubDate>Mon, 10 Jan 2011 12:20:11 +0000</pubDate>
		<dc:creator>but</dc:creator>
				<category><![CDATA[惡趣味]]></category>
		<category><![CDATA[興趣]]></category>
		<category><![CDATA[鐵道]]></category>

		<guid isPermaLink="false">http://but.tw/?p=72</guid>
		<description><![CDATA[對非官方版路線圖有興趣嗎？這裡有更多我的路線圖作品 到處詢問的結果，彩色的路線圖要印在 T-shirt 上，成本實在很高。要求品質的話，一個顏色就要開一個版，十幾條路線下來，開十幾個版實在貴翻了。於是我一直有嘗試畫單色路線圖的想法。 問題是單色要怎麼畫？ 查遍各種資料，在這個時代，有兩條以上路線存在的都會區大眾捷運系統，基本上路線圖都是彩色的 ── 而且從六、七十年前開始就是這樣了。 事實上，英國的地下鐵地圖，從1910年代開始就已經是彩色構圖了。德國倒是1930年代前滿多雙色套色的路線圖存在，但這些圖的特色是過度保有「地圖」的樣貌。例如有河川、有草地標識等等，還有一些景點名稱，對我來說又有點過於複雜。 這時我的想法是，乾脆用鐵路的畫法來畫捷運呢，這樣就有很多資料可以參考。最後嘗試假定時代背景在日治時期的感覺，穿插一些日治時期的廣告（那個年代的路線圖、時刻表封面上總是擺滿多到不能再多的廣告），尤其舟車勞頓下，仁丹的廣告絕對不能少XD 用這樣個concept來畫這張復古版。這樣就順理成章地黑白作畫了XD 既然都給他復古下去了，所以有些地方乾脆玩大一點。像站名中原有的「台」字都改用「臺」字，至少我手中的文獻，日治時期正式文件使用「臺」字的情況比現今還要徹底，所以就「臺北駅」「臺大醫院」「臺電大樓」就給他都臺下去了。其次，當年淡水線、新店私線沿線上有的站名，盡量都標出當年的站名（反正這張路線圖本來就是遊戲性高於實用性）；當年沒有的站名、路線，則直接用現名。 站名的部分，無論哪套電腦字型，感覺都太新了。本來很想說去找實際的鉛字來打字，清點了一下打字下來又是不小一筆成本（每個鉛字$10算，光鉛字就破千了，還要排版、印刷費用）；而且台灣已知現存的鉛字都已經是民國60年間的東西了，要真的去找1930~1940年代的鉛字，是找不到的。所以目前先以手寫的方式處理，事實上那年代的地圖確實手寫的居多。&#8230;&#8230;不過還是有點想打鉛字耶(思) 廢話少提，目前階段的初步成品如下： (按原始圖可開大圖) 這一版真的要作 T-shirt 啦，預計製作咖啡色底印米黃色（若廠商無法處理則黑底印白色），價格另行公布，有興趣的朋友還請留言]]></description>
			<content:encoded><![CDATA[<div style="background: none repeat scroll 0% 0% #ccffff; color: #66aaff; border: 1px solid #66aaff; padding: 4px 8px; margin-bottom: 1.5em; width: 95%;">對非官方版路線圖有興趣嗎？<a href="http://but.tw/2010/10/my-metro-maps/">這裡</a>有更多我的路線圖作品 <img src='http://but.tw/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </div>
<p>到處詢問的結果，彩色的路線圖要印在 T-shirt 上，成本實在很高。要求品質的話，一個顏色就要開一個版，十幾條路線下來，開十幾個版實在貴翻了。於是我一直有嘗試畫單色路線圖的想法。</p>
<p>問題是單色要怎麼畫？ 查遍各種資料，在這個時代，有兩條以上路線存在的都會區大眾捷運系統，基本上路線圖都是彩色的 ── 而且從六、七十年前開始就是這樣了。</p>
<p><span id="more-72"></span>事實上，英國的地下鐵地圖，從1910年代開始就已經是彩色構圖了。德國倒是1930年代前滿多雙色套色的路線圖存在，但這些圖的特色是過度保有「地圖」的樣貌。例如有河川、有草地標識等等，還有一些景點名稱，對我來說又有點過於複雜。</p>
<p>這時我的想法是，乾脆用鐵路的畫法來畫捷運呢，這樣就有很多資料可以參考。最後嘗試假定時代背景在日治時期的感覺，穿插一些日治時期的廣告（那個年代的路線圖、時刻表封面上總是擺滿多到不能再多的廣告），尤其舟車勞頓下，仁丹的廣告絕對不能少XD 用這樣個concept來畫這張復古版。這樣就順理成章地黑白作畫了XD</p>
<p>既然都給他復古下去了，所以有些地方乾脆玩大一點。像站名中原有的「台」字都改用「臺」字，至少我手中的文獻，日治時期正式文件使用「臺」字的情況比現今還要徹底，所以就「臺北駅」「臺大醫院」「臺電大樓」就給他都臺下去了。其次，當年淡水線、新店私線沿線上有的站名，盡量都標出當年的站名（反正這張路線圖本來就是遊戲性高於實用性）；當年沒有的站名、路線，則直接用現名。</p>
<p>站名的部分，無論哪套電腦字型，感覺都太新了。本來很想說去找實際的鉛字來打字，清點了一下打字下來又是不小一筆成本（每個鉛字$10算，光鉛字就破千了，還要排版、印刷費用）；而且台灣已知現存的鉛字都已經是民國60年間的東西了，要真的去找1930~1940年代的鉛字，是找不到的。所以目前先以手寫的方式處理，事實上那年代的地圖確實手寫的居多。&#8230;&#8230;不過還是有點想打鉛字耶(思)</p>
<p>廢話少提，目前階段的初步成品如下： (按原始圖可開大圖)</p>
<p><a href="http://butho.pixnet.net/album/photo/161970756" target="_blank"><img class="alignnone" title="臺北捷運路綫圖 復古版" src="http://lh6.ggpht.com/_qIqDM8iMCQY/TSsjCCqSloI/AAAAAAAAKgA/MShoz6ftgyc/s640/%E5%BE%A9%E5%8F%A4%E7%89%88.png" alt="臺北捷運路綫圖 復古版" width="450" height="640" /></a></p>
<p>這一版真的要作 T-shirt 啦，預計製作咖啡色底印米黃色（若廠商無法處理則黑底印白色），價格另行公布，有興趣的朋友還請留言 <img src='http://but.tw/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://but.tw/2011/01/taipei_metromap_classic/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>3D台北捷運系統計畫路網圖</title>
		<link>http://but.tw/2010/07/taipei_metro_in_3d/</link>
		<comments>http://but.tw/2010/07/taipei_metro_in_3d/#comments</comments>
		<pubDate>Mon, 05 Jul 2010 16:14:19 +0000</pubDate>
		<dc:creator>but</dc:creator>
				<category><![CDATA[惡趣味]]></category>
		<category><![CDATA[興趣]]></category>
		<category><![CDATA[鐵道]]></category>

		<guid isPermaLink="false">http://but.tw/?p=50</guid>
		<description><![CDATA[對非官方版路線圖有興趣嗎？這裡有更多我的路線圖作品 說是3D，跟你心裡所想的應該不一樣吧XD 廢話少說，就直接看圖吧～ 說真的，我最近真的畫路線圖畫到有點失心瘋&#8230;. 這張圖的是看到這張圖的啟發後開始動工的。本來也只是想畫出比較示意圖的感覺，畫著畫著不知不覺就過度修飾了orz 尤其是把路線套濾鏡立體化以後，就開始手賤研究該怎麼處理線跟線的交叉點&#8230; 結果最後變成這樣 (抖) 而諷刺的是，雖然我之前每張圖都想盡辦法去突顯轉車站，但結果我覺得這張是轉車站最清楚的 (汗) 我完全不會用3D軟體，這張仍是 Illustrator 作畫，實際上是平面的。 信義線東延段因為站名並未正式定案，所以終點站沒有標站名。萬大線站名未標原因亦同。 淡海輕軌綠山線因為是輕軌，而且事實上也還沒核定，就不畫進來了。 網路非商用可轉載，但請註明出處，並務必以留言或郵件(rail[at]but.tw)等方式通知我。謝謝。]]></description>
			<content:encoded><![CDATA[<div style="background: none repeat scroll 0% 0% #ccffff; color: #66aaff; border: 1px solid #66aaff; padding: 4px 8px; margin-bottom: 1.5em; width: 95%;">對非官方版路線圖有興趣嗎？<a href="http://but.tw/2010/10/my-metro-maps/">這裡</a>有更多我的路線圖作品 <img src='http://but.tw/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </div>
<p>說是3D，跟你心裡所想的應該不一樣吧XD</p>
<p>廢話少說，就直接看圖吧～<br />
說真的，我最近真的畫路線圖畫到有點失心瘋&#8230;.</p>
<p><span id="more-50"></span><br />
<a href="http://butho.pixnet.net/album/photo/153174997"><img src="http://pic.pimg.tw/butho/normal_315073aabe1d5e1e294f6774be5d1fb7.png?v=1278345432" alt="" /></a></p>
<p>這張圖的是看到<a href="http://depo.main.jp/wp-content/uploads/2007/10/tokyometorologo.png" target="_blank">這張圖</a>的啟發後開始動工的。本來也只是想畫出比較示意圖的感覺，畫著畫著不知不覺就過度修飾了orz<br />
尤其是把路線套濾鏡立體化以後，就開始手賤研究該怎麼處理線跟線的交叉點&#8230; 結果最後變成這樣 (抖)<br />
而諷刺的是，雖然我之前每張圖都想盡辦法去突顯轉車站，但結果我覺得這張是轉車站最清楚的 (汗)</p>
<p>我完全不會用3D軟體，這張仍是 Illustrator 作畫，實際上是平面的。</p>
<p>信義線東延段因為站名並未正式定案，所以終點站沒有標站名。萬大線站名未標原因亦同。<br />
淡海輕軌綠山線因為是輕軌，而且事實上也還沒核定，就不畫進來了。</p>
<p><span style="color: #ff0000;">網路非商用可轉載，但請註明出處，並務必以留言或郵件(rail[at]but.tw)等方式通知我。謝謝。</span></p>
]]></content:encoded>
			<wfw:commentRss>http://but.tw/2010/07/taipei_metro_in_3d/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>[Script] 偽裝MSDN的Yahoo新聞</title>
		<link>http://but.tw/2009/01/yahoo_news/</link>
		<comments>http://but.tw/2009/01/yahoo_news/#comments</comments>
		<pubDate>Mon, 12 Jan 2009 12:28:32 +0000</pubDate>
		<dc:creator>but</dc:creator>
				<category><![CDATA[惡趣味]]></category>
		<category><![CDATA[程式]]></category>
		<category><![CDATA[興趣]]></category>

		<guid isPermaLink="false">http://but.tw/?p=22</guid>
		<description><![CDATA[試寫Greasemonkey巨集第一彈。 將Yahoo!新聞偽裝成MSDN 請點此下載 目前還是beta版本，改寫方式太暴力，有些Yahoo!原先的Script沒擋乾淨，執行過程會或多或少噴一些Exception。 目前針對 tw.news.yahoo.com 網域反應，會顯示成MSDN的外觀。 因為現在我沒有jQuery已經不會寫JavaScript了，所以script會先去抓jQuery（從Google抓）。不過，雖然是用jQuery寫的，但我可以保證這支程式只能在Firefox上跑。如果IE跑得動我會嚇到。 新聞下面「請參閱」部分則是從新聞頁面的「推薦這則新聞的人，還會推薦這些新聞」「最多瀏覽」「最新新聞」之類的地方撈出來的。由於標題文字太過於顯眼，所以偽裝成神秘的識別項（雖然看起來還是假）。滑鼠經過時會顯示真正的新聞標題。 左方的目錄則自動從頁面裡的rss資訊裡去撈rss檔案。感謝jQuery解析xml實在太方便了。$(&#8216;item&#8217;)搞定&#8230; 頁面開啟之後，無論從請參閱還是左方目錄點選其他新聞，都是使用Ajax載入後解析內文更新到頁面上的。所以頁面不會換頁，手賤去按F5的話，會回到原來第一個頁面。之所以這樣設計，是因為Greasemonkey要等到onload以後才會被執行，每次換頁的過程中都看到原始的Yahoo版面，不符合我的需求(謎)。 本來最頭痛的就是圖片該擺哪邊，像那些樹狀選單開關用的 &#8211; + ，本來想說用base64編碼直接寫進CSS，不過還是直接用文字配合CSS去模擬了。 而頁面上方的MSDN標題列，本來想說要自己重刻太重，放圖片又很難應付各種螢幕寬度，最後放大絕，用一個iframe去嵌真正的MSDN &#8230;XD 寬度100%保證視窗怎麼縮放都好看XD 所以請注意每次使用時會連線到微軟一次XD 適合用途：這需要說明嗎。 好像有一些新聞會一直卡在loading的地方而無效，還在找原因。]]></description>
			<content:encoded><![CDATA[<p>試寫Greasemonkey巨集第一彈。<br />
將Yahoo!新聞偽裝成MSDN</p>
<p><a href="http://but.tw/wp-content/uploads/2009/01/msdn.jpg" target="_blank"><img class="alignnone wp-image-24" title="msdn" src="http://but.tw/wp-content/uploads/2009/01/msdn.jpg" alt="msdn" width="498" height="390" /></a></p>
<p><a href="http://but.la/files/yahoo_news_msdn_skin.user.js">請點此下載</a></p>
<p><span id="more-22"></span>目前還是beta版本，改寫方式太暴力，有些Yahoo!原先的Script沒擋乾淨，執行過程會或多或少噴一些Exception。</p>
<p>目前針對 tw.news.yahoo.com 網域反應，會顯示成MSDN的外觀。</p>
<p>因為現在我沒有jQuery已經不會寫JavaScript了，所以script會先去抓jQuery（從Google抓）。不過，雖然是用jQuery寫的，但我可以<strong>保證</strong>這支程式只能在Firefox上跑。如果IE跑得動我會嚇到。</p>
<p>新聞下面「請參閱」部分則是從新聞頁面的「推薦這則新聞的人，還會推薦這些新聞」「最多瀏覽」「最新新聞」之類的地方撈出來的。由於標題文字太過於顯眼，所以偽裝成神秘的識別項（雖然看起來還是假）。滑鼠經過時會顯示真正的新聞標題。</p>
<p>左方的目錄則自動從頁面裡的rss資訊裡去撈rss檔案。感謝jQuery解析xml實在太方便了。$(&#8216;item&#8217;)搞定&#8230;</p>
<p>頁面開啟之後，無論從請參閱還是左方目錄點選其他新聞，都是<strong>使用Ajax載入後解析內文更新到頁面上的</strong>。所以頁面<strong>不會換頁</strong>，手賤去按F5的話，會<strong>回到原來第一個頁面</strong>。之所以這樣設計，是因為Greasemonkey要等到onload以後才會被執行，每次換頁的過程中都看到原始的Yahoo版面，<strong>不符合我的需求(謎)</strong>。</p>
<p>本來最頭痛的就是圖片該擺哪邊，像那些樹狀選單開關用的 &#8211; + ，本來想說用base64編碼直接寫進CSS，不過還是直接用文字配合CSS去模擬了。</p>
<p>而頁面上方的MSDN標題列，本來想說要自己重刻太重，放圖片又很難應付各種螢幕寬度，最後放大絕，用一個iframe去嵌真正的MSDN &#8230;XD 寬度100%保證視窗怎麼縮放都好看XD 所以請注意每次使用時會連線到微軟一次XD</p>
<hr /><strong>適合用途：</strong>這需要說明嗎。</p>
<p>好像有一些新聞會一直卡在loading的地方而無效，還在找原因。</p>
]]></content:encoded>
			<wfw:commentRss>http://but.tw/2009/01/yahoo_news/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

