web on Drake's Weblog

部落格平台，真的有差

Sat, 10 Feb 2018 23:59:59 +0800

2015.09，寫了一篇 Let’s try Hugo!，足蹈手舞地認為 Hugo » Octopress » Drupal » something else。認為使用 Go 寫成的 Hugo，挾持著它的高效能，快速產生靜態網頁，就是最重要的功能之一了。 2017.09 還寫了一篇 Hugo 的一點點使用心得，大力稱讚 Hugo + Bitbucket + Wercker + DigitalOcean 是完全組合。

Hugo 的高速效能與彈性； Bitbucket 的版本控管； Wercker 的自動生成靜態網頁； DigitalOcean 的一個月只要 5 鎂的便宜虛擬主機伺服器。

完美。

一直到我開始認真的以 Medium 作為撰寫與工作有關的 blog 後，才發覺整個搞錯狀況了。看看下一張的比較圖，左邊是極端到過頭的 Bitbucket editor，右邊是優雅的 Medium editor。雖然說，這樣的比較有失公平。我們一樣可以把整個 blog repo 給 clone 下來，然後挑個最優的 markdown editor 來用。但再怎麼好用的 markdown editor，還是比不是隨處可寫（iPhone, iPad 也能寫）介面簡單，沒什麼其它功能，只剩下書寫的 Medium。

Life is short, using the right tool to express your experience is important.

Hugo 的一點點使用心得

Tue, 26 Sep 2017 22:31:13 +0800

二年前的這個時候，正式把整個網站從 Octopress 換成 Hugo，簡單記錄一下心得：

Hugo 真的很快！感覺其它的 static site generator 應該是很難與它匹敵。
可以選擇的版型還不少，而且大部分都很簡明，版型對容易改。
使用 bitbucket (or github) 搭配 Wercker 來做到自動發佈，真的可以很省事。只要寫好 markdown 檔 push 出去，就可以看到 wercker 上頭執行起相對應的 workflow，然後就是等著成功發佈出去了。
租一台一個月 $5，最便宜的 DigitalOcean 機器來做 static apache hosting 即可。
臨時想寫一篇 blog 的話，直接在 bitbucket (or github) 的網頁上頭，新增一個檔即可完成，連 vim 都不用開。( PS. bitbuket 的 source editor 還 ok )
Hugo 的 shortcodes 很好用，而且還可以自己追加或修改，讓產生的 HTML 更自訂化。
可惜 Hugo 無法原生支援 AMP，因為它一篇 blog markdown 只能產生一個 html 出來，就算要 hack 它也有點麻煩。

雖然說，更省事更省錢的方式就是直接把 blog 給放到 github 上頭，但我還是比較希望多一點點自由度，多一點點隱私 :D

Responsive YouTube and Vimeo embedding now

Thu, 28 Jul 2016 09:12:36 +0800

Thanks to Todd’s fluidvids. Now all YouTube and Vimeo’s embedded videos are responsive! Quite happy to see that, especially in this mobile era. The remaining issue is how to make embedded Flickr images responsive :(

Happy New Year 2016

Sun, 03 Jan 2016 22:41:43 +0800

20 萬張的電影海報；剛上映的星際大戰第七集；有點兒不太冷的聖嬰年冬天；有整套專業星戰服的兩位小堂弟；再加上剛好遇上了一年一度的節日… 做點什麼吧？於是，這 20 萬張電影海報成了資料庫，弄了張蒙太奇照片，祝大家新年快樂~

更多 Star Wars 7 的遊行照~

以下的內容，已經與恭賀新年無關，僅是簡單的側寫下來製作的過程，慎讀（tl;dr）。

網站正式進入 HTTPS

Sat, 02 Jan 2016 22:06:08 +0800

As Google started favoring HTTPS sites in search results and free HTTPS certs by Let’s Encrypt is kind of ready, I follow an article to make that happen for this blog.

Let's try Hugo!

Fri, 04 Sep 2015 20:29:06 +0800

Initially, this blog was built on Drupal, a famous CMS with thousands of modules to customize anything you want. It works really well and I believe Drupal can keep shining. It is written by PHP. One night, I noticed several developers mentioning about static site, the idea of writing your blogs on your laptop through Markdown, and then generate the necessary HTML pages and publish them. That’s when I switched to Octopress.

Website: Solid Angle

Mon, 10 Dec 2012 18:26:00 +0800

In case we lost this simple but elegant website design for a renderer, I make snapshots of the website and post a blog for them. The website is Solid Angle, the company developing/delivering Arnold Renderer, which I thought the most strong challenger and rule breaker in animation/VFX industry. Well, did I mention that Pixar’s RenderMan got threatened by Arnold Renderer?! {{ flickr drakeguan 8259957537 >}} {{ flickr drakeguan 8259957599 >}}

RenderMan + 火星 + 星海爭霸 := Mars Frontier

Sat, 08 Sep 2012 14:27:00 +0800

Dan Maas 是一位好朋友，好的工作夥伴，一位 RenderMan 專家，以及一位創業家。 Dan 和我一同在太極影音的土星之謎上頭“出力“，我們在“台灣文化“ 、“產業資訊“、“電腦動畫/產業軟體技術“、“程式開發“以及“新技術的嘗試與導入“ 玩得不奕樂乎。自去年（2011）夏天，在舊金山拜訪他兩週後（更正確來說，是打擾與麻煩他，非常感謝他的招待），就一直記得他打算既 [Maas Digital][maasdigital] 後，再開創另一番事業。如今，他與另一位夥伴成立了 SpinPunch，於是誕生了這麼一篇，非正式的僞採訪文出來了:) 原來的英文對談內容請見這一篇。 ## Q. 請向這個 blog 的讀者們自我介紹一下。 Dan: 我叫 Dan Maas，中文名字是馬一丹。我過去的成果裏頭，最有名的就屬由 Disney 發行的 Roving Mars ，以及在台灣的太極影音參與的土星之謎動畫專案，很巧的是，這兩個作品同樣都是 IMAX 高規格等級的作品。這兩個作品，可以算是我投入電腦動畫產業十多年來的代表作。 Drake: Dan 是道地的美國人，卻說得一口溜得不能再好，有著溫柔與熱氣台灣的口音，真的，不騙你們，我第一次與他在美國對桌而坐踫面時，他一開口說中文就把我嚇到了! 另一方面，最近美國太空總署（NASA）很有名的好奇號登入火星計畫的影片，也是 Dan 抄刀作的。這影片為了科學正確，少了動畫特有的情緒渲染與手法，可能會沉悶些。不過請特別注意裏頭的火星景觀，與強卡特裏頭火星場景相較起來，真實度有得拼。另外，那台有著六顆輪胎的好奇好，它的 rigging 你可以想想該怎麼做 :D ## Q. SpinPunch 是個怎麼樣的公司呢? Dan: 在結束土星之謎的製作後，我離開了業界，投入學界的懷抱進修。於 2011 年，如預期地完成了在史丹佛商學院的碩士學位。現在，我與我的另一位事業夥伴 – Ian Tien，一同創立了一家新的公司 SpinPunch，目標是朝網路遊戲開發。 Dan: 我們合組了 SpinPunch，這是一家以要將網頁遊戲 (web-browser-based gaming) 推向另一個層次的科技公司。主要是我們注意到了一個機會，可以將諸如 StarCraft 或是 World of Warcraft 這類型的遊戲，在網頁與瀏覽器上頭忠實呈現出來的機會。它將在現今主流的瀏覽器上頭完美呈現（包括 Chrome, Firefox, IE9, …等），而不需要任何像是 Adobe Flash 或是 Unity 這類的外掛技術。這不僅僅是技術上突破而已，更是遊戲經驗的一個重要里程碑。它將使得“高品質“、“深度遊戲設計“、“高畫質“的遊戲經驗，得以直接透過現代的瀏覽器以及網頁直接傳遞給玩家，給 Casual Game 以及 Hardcore Game 帶來另一種混合樣貌出來。

RenderMan + Mars + Starcraft := Mars Frontier

Sat, 08 Sep 2012 00:12:00 +0800

Dan Maas, my best friend and partner. We ever co-work in Digimax on Quantum Quest. He is a RenderMan expert with excellent animation experience and knowledge. Last year, just after he graduated from Stanford Graduate School of Business, he was planning his next business. It turns out in this year, 2012, that he succefully co-founded another company, SpinPunch. The following is my casual interview with Dan, about his idea behind, the new company, the ‘Starcraft in million browsers’ and his vision for future gaming.

about.me -- 個人線上名片的時代

Wed, 24 Aug 2011 14:32:27 +0800

如果說，LinkedIn 是個人的線上履歷，那邊 about.me 就是個人的線上名片了。 about.me 網站上，有很多設計得很好看且很有意思的個人名片，當我無聊時，會上去晃晃，看看這個資訊大爆炸，每個人看著這些名人，然後想像自己有天也跟著平步青雲的模樣。然後有天 about.me 就出現了，後來它甚至讓你可以非常容易地把線上名片實體化。如今它整合得更好了。如果你的資訊裏頭有把 linkedin, facebook, twitter, … 的網址輸入，那麼原來空空如也，像下面這個畫面：就有機會以如下的樣貌呈現出來：帥氣吧! My about.me/drakeguan

Colourwar

Sat, 11 Jun 2011 22:19:07 +0800

Colourwar is just like others, making a website doing user study to figure some meaningful or perceptual ideas for human beings, which can then be abstracted as some sort of mathematical forms (yes, I hear you are screaming the formulae) and then applied to get some interesting (and userful) apps. Right now, they have 2 testings: 1) gray, and 2) HDR.

HTML 5 文字雲

Sun, 20 Mar 2011 23:19:59 +0800

HTML5 Word Cloud/文字雲，有趣的玩意兒。丟給它一個 rss feed，它會去挖出裏頭的文字出現頻率來，然後根據頻率大小，秀出不同大小的字來（我猜的，大概吧）。上圖是我把這個網站丟進去的結果。作者這邊有更多的介紹。

讓網頁變成 3D (紅/青）

Tue, 27 Apr 2010 15:10:07 +0800

從 gugod 的OSDC / RubyConf TW 2010 複習得知了 3D Bookmarklet 這玩意兒，趕緊拿自己的網站來試試：程式碼裏頭，有關 anaglyph 的部分如下： e.style.color='rgba(255,0,0,0.5)'+imp; e.style.textShadow=d+'px 0 0 rgba(0,255,192,0.5)'+imp; 如果能採用 Half Color Anaglyph 或是 Optimized Anaglyph 公式的話，然後是對整個畫面處理（包含 img, css 裏的 background image/color, color）等處理，那就更完美了 :) Reference: (for gugod) Anaglyph Comparison @ 3dtv.at. Optimised Anaglyph @ stereo.jpn.org

閒聊太極研發團隊用到的四個網路服務

Sun, 27 Dec 2009 01:36:16 +0800

來隨意聊聊，待在太極影音的研發工程師們，用了些什麼服務。隨手撿了四個太極研發部有在使用的 web services 拿來說說，隨意聊聊… 根據 programming 有名的草根人物約耳（Joel Spolsky）的一篇文章裏頭提到的，如果你要測試一個軟體團隊，可以使用他提出的 The Joel Test，裏頭簡要地列出了 12 個是非題，受測者只需要回答 Yes / No 就可以得出當論來。我們做的第一件事，就是在進太極的一開始，那個屬於 Building 3D Animation Pipeline 的 2005 年，就開始使用 version control system 了。這不過是一件非常稀鬆平常的事。哪一家軟體公司現在還沒有在使用任何這類系統的? 應該是很難找到了。我們只是把寫的程式碼、整個 3D workstation 會用到的 OS 系統環境設定檔、workstation 安裝 scripts、以及使用 Java 開發的 tracking system 都放進了 SVN，就這樣而已。後來，我們開始小小使用了 trac，借用它那比 cvsweb 更好用一些的界面，也就僅此而已，當時並沒有好好利用它的 ticket。不過後來我注意到我們的 system team 比我們還來得頻繁地使用 trac 的功能，。未來呢，我們正在計畫建一個 new production pipeline system，裏頭的 file hierarchy 變得不再明朗，整個 production 在 version control system 下頭運作，其中有一些相關的問題，像是 backup policy, 3D app open/close/save integration, asset/scene/shot/sequence status, …還在整理中，同時得考量對於 storage, network 的 performance 的影響。為了達到這件「消除檔案架構的限制與規範」，得準備好多工作，寫上好多程式，做一兩個 project testing 才行。這也許是下下一版才有可能實現，不過我希望能早日推成。

立體，也可以非常的性感

Wed, 01 Jul 2009 21:18:28 +0800

3Dfier is a directshow filter that transforms normal video file to 3D in realtime. 3Dfier filer works with popular media players and support various video format as long as the files were played using direcshow. Here you can download demo versions for evaluation purpose. This demo version runs for around 10 minutes and support single mode only. We are happy to work with 3D display makers to customize a filter that works for the specifc display.

Syntax Highlighting for RenderMan by Javascript

Sat, 28 Feb 2009 13:45:57 +0800

使用 RenderMan 的資訊人，比例相對來得少，我們很容易可以遇到一位使用 Java, C/C++, C#, PHP, Javascript, Perl, PHP 的程式人員，因應他們的需求而產生的 editor 也多如牛毛，幾乎可以說每一個月就有一個玩意兒被提出來供這些廣大的程式設計人員使用與把玩。 RenderMan 的技術人員呢? 乏人問津呢~ 某一天，在一個非常意外的情況下，我發現了 highlight.js 這個程式。那時的我，想要在我的這個網站上發表一些程式碼，大多是 Mel, Python, Rib, Rsl, Tcl…，於是上網研究一下，想找個適用的程式碼來做到 syntax highlighting。那時並沒有想到 Rib 或 Rsl 也會被支援，只是不經意 google 一下… 用了一陣子，發覺 highlight.js 雖然不賴，但是 Mel, Rib 與 Rsl 的支援很明顯有點過時了，於是先後向原作者提了兩次的更新，並把我所知道的 syntax，直接加諸在原來的程式碼上，然後再把結果回寄給作者看，請他看看覺得如何。總之呢~~就是我又再次感受到 opensource 界人的親切，他都一一接受了。於是我在不經意的情況下，再次對 opensource 界有了一點點微薄的貢獻了。 highlight.js 的 demo 網頁。 PS. 我知道有個非常優秀，集眾人心血大成，支援約莫 100 種 language，而且非常有彈性，可以任意客製化輸出結果的 GeShi (Generic Syntax Highlighter)，但它實在太優秀也太大了，而且好像對於 Rib, Rsl, Mel 沒有直接的支援，就像我說的，RenderMan/Maya 的使用者，在 CS 界算是小眾中的小眾，而這也是為什麼我這麼愛 highlight.js 了，因為它讓我得以很快速地分享我的一些想法（英文版）。

Googl Friend Connect 進駐了

Sat, 31 Jan 2009 11:15:43 +0800

想跟著一起去感受一下Blog 也可以有自己的社群，而且是看得到的，還可以互動的，不只是 FeedBurner 上的一個數字或 Google Analytics 上的一個統計而已，加裝了 Google Friend Connect 來與大家一同玩樂。左邊是我的 GFC 的樣貌，因為是一個小站，自然無法和 MMDays 這類比較大型的 blog 相比，但也希望有朝一日，可以像 Google 官網上秀的一樣：有一個小小的社群，彼此透過 GFC 以網友的型式互相支持：我加入你的 GFC，你加入我的 GFC。我使用 Google Reader 訂閱你的 rss feed，或是把你加入我的 Flickr contact list 裏頭，然後偶爾去你的發表那留留言。另一方面，我更希望有機會透過這一些小工具（web2.0 gadget?!），多認識一些華人，他們可能是以 3D/CG programmer、Animation Technical Director、3D/CG Artist、Web2.0 Pioneer、Music Player、…等自居，想多認識一些同好，可以彼此互通有無，讓 3D/CG 相關產業在華人的世界（不能再侷限於台灣而已了）發展起來。就像最後一些人介紹的，GFC 有點像 MyBlogLog，但比它來得更好玩，有更多的功能，而且與 Google 其它服務，在未來的整合性會更高一些。就像 James Teng 在他的 blog 寫的： Even though the WWW seems to be around for ages, it was invented only around 15 years ago.

2009年，網站不預警關閉

Sat, 03 Jan 2009 01:47:12 +0800

2008 年的最後一天，每個人都等著下班下課，夜晚的到來，以各種可以讓血壓升高，心情暫時 high 到最高點的方式 – 跨年。我一早也是這麼想到，一直到有件事打斷了我 – drakeguan.org 被不預警地關閉了，連帶的，寄宿籬下的 afwish.com 也遭秧了。關站原因，乃之於這個小站有不正常的 mysql 存取，以致於 mysql server hang 住數十至數百秒，嚴重影響到同為這台機器下的其它使用者，Bluehost 在基於公平原則的前提下，先行把我的網站停掉。接著我與他們的技術部門（或客服部門?）來往了數封信件，一一解決與找出“可能“的問題。就在今天從礁溪回來的深夜，小站回來了。其實，我乃舊不確定究竟是發生了什麼問題，導致這個以 Drupal 架設的小站，會產生一個數百秒的 mysql_query php call，實在很詭異。但為了取得 Bluehost 的信任，我老實地指出我還不確定原因，但還是做了如下的幾件事：網站進入「維護模式」，只有 admin 可以存取。整頓 mysql 資料庫，清掉 accesslog, watchdog 這兩個 in use 的 table，我猜想和 statistics 這個模組有關，所以一併先行拿掉了，反正有 google analytics。就整個 database 做一次 optimize，清掉不必要的資訊。使用 Mollom 來取代掉 Akismet/Captcha。提出我會每天上去 server 注意 cpu_exceeded_log 與 mysql_slow_queries 這兩個 log，觀察期一週。事後我想想，Bluehost 的處理方式很好，也很聰明，並沒有讓我跳腳（還是說，我已經胖到跳不起來了?）。也讓我這個 web administrator 會很積極地關心網站的資源使用情況。就如同他們說的「If everyone on the server keeps up with this maintenance, everyone’s account runs smoother.

我的 LinkedIn 近況

Wed, 29 Oct 2008 22:35:37 +0800

一直以來，我都很想把 LinkedIn 這個網路服務推薦給身邊的人，不過又不曉得怎麼做，有那麼點兒意興闌珊… LinkedIn 是個 Web2.0 時代下的社群網站，但它一點兒都不好玩，充其量只是一個網路版的名片夾。每個人的帳戶裏頭，是簡短的工作經歷等，它以一種「履歷表單」似的方式呈現。然後每個人還有所謂的 connections/contacts，但這裏的關係比較不接近一般的「朋友/認識的人/同儕/同學…」，而是比較接近「工作夥伴/同事/合夥人」。簡言之，這是個強調「工作上功能」的社群網站。舉凡你想要換工作（可以透過人介紹到你想要去的地方）、成立公司（找感興趣的創頭）、挖角（看看同業的人才）、徵人（你管轄的部門面臨了一個大案子，非常缺人中）… 我為什麼覺得 LinkedIn 很有趣呢? 首先，我是在繞了一大圈，有天想說，就來去申請個小有名氣的 LinkedIn 帳號，看看裏頭賣的是什麼藥。然後赫然發現，我們當時的導演、製作人、CG Supervisor 都在上頭有帳號，而且他們的 connections 落落長。接著又發現，有不少位有名的國外教授也有（CG rendering 界的教授 Peter Shirley；去年（2007）剛得到 SIGGRAPH 新秀獎的 Takeo Igarashi 也有!!），然後連我們的超級資訊宅男 Dan Maas 也有，還有…… 於是我很開心地開始用了起來。最近因為 LinkedIn 上的這個帳號，接獲來自 NVidia Taiwan 與獵人頭公司的來電，雖然沒有聊什麼，不過也是種有趣的經驗。我也不曉得，下一次會接到怎麼樣的來信或來電，不過總之會是以另一種「意外」的型式出現的吧~~ 我的 LinkedIn :)

太極影音 CG Supervisor "Teddy" 部落格開張

Sun, 11 May 2008 11:34:06 +0800

國內熱愛與從事動畫創作的人有福了，太極影音的 CG Supervisor（3D 部門的老大）Teddy Yang 的部落格開張了!!! 位置是 http://tw.myblog.yahoo.com/teddy-animtion/，根據 Teddy 部落格上寫的，他撰文的內容將涉及動畫、電影特效製作、攝影、旅行、美食、繪畫……..。我和 Teddy Yang 的年紀雖然有段距離，進入這個產業的年資的差距更大（他十五至二十年，我才三年），但他這個人非常幽默，即使在沈重的工作壓力下，還是有老美的一貫輕鬆但專業的做事態度（Teddy 都說他是美國人 XD）。 第一次認識 Teddy 是在 2004 年 SIGGRAPH 的會場，那年是在 LA 舉辦，我隨同幾位實驗室的同學們（那一年，實驗室有很多同學去朝聖，幾乎全都是自費，大家熱血的很吶~），大約是在活動的最後兩天，我們逛完展場，在展場附近的階梯上坐下來休息，Teddy 這時出現了。他主動和大家聊，問大家來的背景，為什麼來? 然後自我介紹說「他在美西動畫產業工作一陣子了，很關心台灣的現況，想知道台灣的狀況…」我是比較晚到的，也只是簡單地聊一下，就當是在 SIGGRAPH Reception 遇到陌生老中或老台聊聊，並不做他想，更不可能料想到他是我未來的工作主管與夥伴之一。 第一天踏進太極影音，正被它那有特色與氣派的大廳與美豔動人的櫃台人員迷得暈得轉向時，在二樓見到了 Teddy，接下來的一年，他帶領我們這八位小毛頭，一手建立起了太極的 3D Animation Pipeline。從軟體工具的規格、3D 部門的規畫、新人的應徵、2D 動畫師轉成 3D 動畫師的訓練課程…等，一路走來，我們是跟著他的指示做事，然後再慢慢自己吸收與了解，短短的三年合作下來，我個人覺得受益匪淺。 Teddy 是個喜歡「把知識傳授出去的人」，我是這麼想的。只要時間允許，他會開設一些動畫講座，給雜誌或媒體撰寫一些文案（ex, 與大師面對面：專訪楊德泰(Teddy Yang)－電影《鯊魚黑幫》電腦動畫總監 @ udn），現在因為公司的國際級案子，有非常多的會議都是以英文進行，他還因此開設「Teddy 英文午餐班」和大家聊英文。我雖然沒參加過任何一次，但從旁了解，他說得非常精彩，連美國人 Dan Maas 都讚不絕口。是的，他就是一位這麼熱愛把所學所會與人分享的一位 CG Supervisor。 Teddy 的部落格才剛開張，加上他又是 blog 新鮮人，所以文章量還很少，不過裏頭有一篇「[電影特效總監凱倫‧格里克絲](http://tw.myblog.yahoo.com/teddy- animtion/article?mid=55&prev=69&next=51)」非常的精彩，提到他和 Karen 兩人的莫逆之交（或不期而遇之交?），很是有趣。而且 Karen 會在這個月的月底來台，在數位內容學院那開講，是個難能可貴的機會。（數位內容學院好像還沒公佈這個消息…所以…就當小道消息好了 :p）另外還有像是「如何進入動畫產業?」「不會使用 3D 軟體，也可以進入 3D 動畫產業嗎?」「如何準備作品集?」「如何應付面試?」，都算是小品（不過也是有點短啦，畢竟 Teddy 他太忙了，能播空出來寫點什麼，就很珍貴了 ^>^）。 我依稀記得，他在第一年時，就曾說過要出一本中文書，書的內容是電影動畫產業的名詞定義與解釋，像是 GI 是什麼意思，Film Out 又是什麼意思，中文的譯名應該叫啥…這是個大工程吶!

小董的「我的媽呀」blog

Wed, 09 Apr 2008 01:15:30 +0800

小董的「我的媽呀」上頭收集了非常多，有關 3D/CG 的網站。特別是中文網站，讓人相當的感動，原來有這麼多呀~

Web Programmers VS. Technical Directors

Wed, 19 Mar 2008 23:58:21 +0800

OSDC Taiwan 2008（Open Source Developers’ Conference in Taiwan）來了，就在今年（2008）的 4/12 與 4/13 兩天，議程排得滿滿地，活動內容涉及廣泛…非常的廣泛…有 Ruby、Python、SVK、Perl、Google Gears…我頭都暈了，上網報完名後，又發懶不想去聽，所以決定不匯款等著被取消。其中由 gugod 分享的「網頁程式還可以怎麼設計」，有這麼一段文字： Web Programmer 真是世界上最博學多聞的人種。寫個專案需要通曉五種語言：SQL, Perl, HTML, CSS, JavaScript。有的時候，還要打開 Photoshop 改圖學畫。…… 我身為一位半調子的 Web Programmer，對能說出上頭這一段話的 gugod 深感佩服，直接就把 Web Programmer 腦子裏飛來飛去，雜亂無章的思緒道盡了。這實在是有趣極了的一段話，讓我忍不住想到身在 3D Animation Studio/Industry 裏 Technical Director （TD）的我們… 事情是這樣的。假如你待的動畫公司，是一家努力向上，汲汲使用現今電影動畫特效產業的最新技術/最好的作法，於是你一定會聽到公司裏頭一再強調製作流程（Production Pipeline）、前製（Pre-Production）、後者（Post-Production）、動畫師（Animator）…等名詞滿天飛舞，其中有個小小且不起眼的職位–技術指導（Technical Director），穿插在其中混口飯吃… TD 他們是一群看似腦袋聰明；或自認腦袋聰明；會寫些麼個程式；會說出那麼點有點嚇人的技術術語；看一個 Maya scene 檔時，是打開文字編輯器來看的；看起來像個乖寶寶的研究生樣…的人。很不幸也很幸運地，我是一位 TD，同時帶領一群 TD，於是我發現到，其實 Technical Director 並不比 Web Programmer 來得好混… 首先，你待的公司有很高的機會是使用 Maya 這套號稱「3D 動畫界的 IDE」，它包山包海，啥都能做，加上它又被惡名昭彰（這個詞用在這不帶有任何貶抑的意思）的 Autodesk 併購，快要所向無敵了（我猜）。身為 TD 的你，一定要會的就是 Maya Programming，它可以是 MEL（Maya Embedded Language）、Maya API 或是 Python，不管怎麼樣，你一定要會一些的，不然你會被嘲笑是個不夠格的 TD（當然，這句話說得太過誇張了，不過這年頭，觀眾都是愛聽誇大的說詞不是的嗎?

db-db loves duolife

Wed, 24 Oct 2007 16:58:46 +0800

一直以來，我想寫一篇介紹 duo blog 的文章，但苦於文筆不好，也不會拍攝美美的照片，整個就是生不出任何一點有內涵的東西來，於是一直沒動靜。直到剛剛，我突然心血來潮，想說說 db-db 與 duo 的愛的產物：db-db loves duolife。 db-db 是由 Francis 建置起來的一個 BSP（Blog Service Provider），就像「Yahoo!奇摩部落格」「新浪部落」「yam天空部落格」等。只是呢，db-db 整個系統是用 Adobe Flash 做出來的，所以每一個部落格有點像是鑲嵌在 Flash 裏頭，連發表文章時，還是在 Flash 的界面下，整個就是很不一樣。這造成的最大差別，就是每個 blogger 在設計自己的版型時，不像其它的 BSP 只能挑一些系統預設的，然後改改 HTML tag 或是 CSS 之類的，設計版型就像在玩 Adobe Photoshop，你要決定你的網站有哪些圖層（layer），每個圖層放的位置、樣子、邊線、透明度、內容、背景圖…等，是的，真的不蓋你，就像是在玩 Photoshop 一樣。所以呢，db-db 是一個對美術人員很友善的 BSP。 db-db 支援多國語言，它上頭有繁體中文、简體中文、日本語、ENGLISH、FRANÇAIS、…，無法打出那幾個奇怪的字元，但可以從下圖中一窺。db-db 的多國語言，有點像是整個 blog 的分類，所以當你點入繁體中文時，會看到被歸類在繁體中文這個類別下的 blog。於是呢，你不會看到简體 blog（不過也不見得啦）。我很喜歡 db-db，因為它很特別，很酷，而且 Francis 是個奇怪有趣的人。 db-db loves duolife，是在上頭架設的一個 blog，裏頭的內容和生活、設計、精品有關。有四位寫手，每位寫手個性迥異，喜好不同，性別不同，不過都是人類。整個網站的版型由 Jasmine 一手包辦，非常的厲害。 db_db_loves_waawaa | db_db_loves_shirley —|— db_db_loves_lechat_02 | db_db_loves_lechat db_db_loves_duolife_02 | db_db_languages db_db frontpage |

棄 bloglines 從 google reader

Thu, 01 Mar 2007 23:08:10 +0800

使用 bloglines 來閱讀 rss 好一陣子了，它操作起來很簡單，整個就是很方便。前天想找一下，之前看過的一些 blog 裏頭，有提到 vim 的，結果發現，得一個一個找，非常的沒有效律。而使用它的搜尋，找到的又都是別人收錄的，但我只想看我已經收錄的呀……!!! 對於 rss 重度使用者來說，bloglines 變得非常的不方便了，於是開始找替代方案，最後，我選擇了 google reader，因為它可以讓我快速地給不錯的一篇 blog 下個 tag，然後以後要找時，也可以一下子就找到了，太棒了!!! ByeBye!! bloglines. Nice to meet you, google reader.

小小修正了一下 CSS

Thu, 01 Mar 2007 23:01:24 +0800

網頁版型的小小改變… 因為右邊欄位一直對不齊，而且不同的瀏覽器，看起來會不一樣，感覺有點醜。決定使用 Yahoo! UI Library 裡頭的 Reset CSS。透過它，可以先將所有 html 語法「歸零「，這樣在每個瀏覽器下看起來的樣子，就都差不多了。這裡有一些介紹。先是把右邊欄位的位置調好。最後是調整好內文的間距與列表前要顯示的數字，就完成了，感覺整齊多了。YUI Reset & Font CSS 實在是個不錯的東西，而且 size 很小，非常的小，對於網頁的下載時間沒有什麼影響。重點是，讓我又忍不住小小玩了一下 CSS~

台灣人新起的 web 2.0 服務：diggirl

Wed, 07 Feb 2007 15:53:35 +0800

前幾天得知，台灣一群有抱負的老人（年紀約莫比我大一點點吧，換句話說，我也不年輕了 @@），做出了一個非常有吸引力的 web 2.0 服務來了，它的吸引力，應該會遠遠超過 HEMiDEMi 才對。我們來做個假設：你是一位生理與心理都還算正常的男人（這暗示你有一定年紀了），然後對於網路上會出現的美女照片，不會拒絕與排斥。那，你可以去逛逛 diggirl。 diggirl.net 使用了一些方法，把大家分享在 Flickr, 無名相簿與 pixnet 上的照片，挑選出它認為是「美女」的來，然後供大家觀賞與推薦。就這麼簡單。我覺得這個服務挺有趣的，點子挺好的，實作的層面好像也挺不錯的，實在很厲害。重點是，還真是抓住了一票上網的人的心，哈…服了獨孤木他老人家了。

Autodesk 弄了個 AREA

Mon, 29 Jan 2007 21:11:50 +0800

Autodesk 在併購了 Alias（Maya 公司）後，著實讓我嚇了一跳，想說，一家旗下擁有工商業界很有名的 AutoCAD、MotionBuilder、3DS Max、Maya、Inferno、VIZ、Toxik…可以說，整個 3D 產業的軟體都在它的旗下了，實在很驚人。除了覺得很不可思議以外，更覺得商業界裏頭，真正賺錢和常常在檯面上有新聞的公司，似乎常常是兩碼子的事。然後就是，去年的 SIGGRAPH 2006，Maya 的攤位很小，3DS Max 的攤位很大，整個就是很神奇。最近，Autodesk 好像推出了新改版的網站社群，叫 AREA。算是結合了過去的討論論壇與新增了一些 blog。最有趣的，就屬 blog 裏頭有一個 Duncan’s Corner。有在逛 cgtalk 的人都知道，Maya 官方常常會有一位叫 Duncan 的人，出來巨細靡遺地解釋或回答一些問題，而且常常是在 Maya 剛出了新版，有新功能出來的時候。那個時候會有很多人在 cgtalk 上問一些問題，然後 Duncan 就會跳出來了…我還記得，那時我也問了 Maya 7 的 cartoon shading 和 pfxToon Outlines 這兩個東西，而他也非常仔細地回覆了大家的問題，減少我們不必要的猜測和試驗。現在，在 AREA 上有他的個人 blog，開始介紹起了 nCloth 相關的東西（Maya 8.5 出的），二話不說，立刻把他的 blog 加到我的 bloglines 了 :) 以下引述 Duncan 的介紹： Duncan Brinsmead is a principal scientist with Autodesk. He is the creator of Maya Paint Effects, Maya Hair, Maya Toon, and also worked extensively on Maya Fluids and nCloth.

2006年前十名點閱的文章

Wed, 03 Jan 2007 01:26:21 +0800

無意間看到這個： [HEMiDEMi串連活動：大家來公布2006年各站點閱前十名文章](http://wp.tenz.net/archives/266 ““HEMiDEMi串連活動：大家來公布2006年各站點閱前十名文章” 的固定網址” ) [](http://wp.tenz.net/archives/266 ““HEMiDEMi串連活動：大家來公布2006年各站點閱前十名文章” 的固定網址” ) 想說，兩三天前才加入一個什麼「2007年新希望」的串連活動的，就再追加一個這個好了，而且 drupal 本來就有提供「最多點閱率文章列表」這種東西，還真方便，讚。下頭是這個 drakeguan.org 小站的點閱前十名： 2006 電影（持續更新中） —- 1356 人體素描 —- 977 About Drake —- 869 第一次畫人體素描 —- 688 不想動時看電影 —- 603 人體素描相簿 —- 602 第十次畫人體素描 —- 585 第二次畫人體素描 —- 513 drake.csie.org on drupal —- 463 第七次畫人體素描 —- 450

串連活動 - 部落客2007年新年許願大串連

Mon, 01 Jan 2007 14:15:17 +0800

在啪啦站長部落格上頭看到這個串連活動，想說，就一起來玩一下吧。活動目的：回首紛亂的2006年，在全新的2007年即將來臨的時刻，我們希望結合華文部落圈的力量，發揮每一個小眾小小的心願，祈求未來的一年能更平安、幸福與快樂。活動發起人：海豚飛、啪啦站長活動辦法：詳見這篇串連活動 blog。所以呢，在還來不及想想我的 2006 年是怎麼過的的情況下，我也來許一下 2007 的願望吧：希望我關心與愛的親人、週遭友人與來路不明或不大熟的路人甲乙丙丁們，大家身體健康，當然，還包括我自己。希望快點拿出勇氣和找到金主，讓我入手人生中的第一台 notebook，可以的話，我想要 MacBook Pro，然後再拿它來寫 web 2.0 service 與到處參加各式各樣的聚會，並能快點累積點什麼和大家分享，而不是一直坐在聽眾席而已。希望生活過得很開心愉快。嗯…誰要來接棒呀 :) 好友串連： kongkongna clark

網站讀取時間

Wed, 15 Nov 2006 17:33:23 +0800

OctaGate 寫了個 SiteTimer，使用它，打上你的個人網站或 blog 的網址，就會即使地看到存取你的網頁需要的時間，而且還是很詳細地，依照每個檔案列出來，像是 css, javascript, images, flash 等。下頭是輸入 drakeguan.org/daily 的結果：每一行有三種顏色，黃色代表瀏覽器送出連線要求後，一直到與伺服器取得連線的時間；綠色代表連線建立後，一直到收到資料的等待時間；最後的藍色為抓取資料的時間。也就是說，藍色的 bar 愈長，表示存取這個檔案的時間要愈久，原因可能是檔案比較大，或是連線品質比較不好，或是伺服器送出檔案的速率等等。上圖可以看出，連到 Zooomr 的那張圖的時間花最久，接著是 2006 Halloween 的那一張圖，然後有兩個 javascript（分別是 prototype 和 lightbox），至於第一行的時間，則是指整個 .html 文字檔的傳輸時間。其中紅色的那一行表示沒有抓到圖檔。這個分析是由瑞典首都斯德哥爾摩（Stockholm），北歐第二大城市，連過來的。所以數據代表的意義，有點像是，假設你住在斯德哥爾摩，然後連到 drakeguan.org 所花的時間。挺好玩的 :) ps. 它是使用 ajax 做出來的，使用起來非常方便，而且會看到動態存取的過程，挺 nice 的。這年頭，ajax 的動態與方便，已經被用到「淹腳目」的程度了。

東家（Bluehost）的老闆來信

Fri, 10 Nov 2006 11:06:02 +0800

一早收到一封來自 Bluehost 的老闆 Matt Heaton 的來信，裏頭洋洋灑灑地寫了一堆 @@ Bluehost 是這個網站（drakeguan.org）架站的地方，每個月要價大約 300 塊新台幣，一次以付一年的費用為單位。它提供你 50GB 的空間、一個免費的 domain name、等等等等… 他的來信指出，因為 Bluehost 提供給使用者用的 Cpanel 導致他們的 server 有非常大量的 file access，於是他（Bluehost 的老大）下了命令進行修正，但這個修正在還來不及通知使用者的情況下就進行了，導致有數小時的 email 功能無法使用，至於為什麼不立刻通知使用者，是因為他們發現，光是要通知所有的使用者，就要花去 18 個小時，而這個問題太緊急了，不立刻處不行，blah blah。重點是，對於他這麼一位公司的大頭（President）來說，他大可不用親自寫信給所有人，可見這事件很嚴重，而他也立刻意識到（一天之內）要事後立刻發信給所有人。我很欣賞他這麼負責任的作法，相當的欣賞，真是有擔當的人，哈。下頭是他的來信： Dear Bluehost.com Customer, I am writing today to give you some important information regarding your Bluehost.com account. As many of you know Bluehost.com uses Cpanel, a third party product, as our control panel to allow customers to manage their sites.

幾個動畫公司的網站

Sat, 28 Oct 2006 17:40:33 +0800

同事 bruno 昨天寄了一封信來，把一些動畫公司的網站拿出來比較一番，基於以下一些理由，把這些圖放上來：難得有人這麼用心在逛這些動畫公司的同時，還把圖抓下來與大家分享，太感人了。一個基於公司保密條約而不便透露的原因。（話說回來，我根本沒簽過任何的約，純粹是說說而已，所以這一點有說跟沒說一樣）藉著這些圖，剛好可以來比較一下各個動畫公司，他們在處理自己的官方網站時的心態與看法。看看哪一家的網站比較[美/醜]。看看哪一家的網站的 SEO 作得比較[好/糟]。 Animal Logic Blue Sky Studios Blur Studio DreamWorks Animation - DreamWorks Pictures SKG Keytoon Animation Studio Pixar Animation Studios Soulcage Department CGCG Sofa Studio Cool Frames digimAx

網頁寫得好，真的是件不容易的事

Tue, 03 Oct 2006 01:13:37 +0800

剛剛才幫人把一個網頁調整一下，讓它盡可能在不同的瀏覽器都可以正常看到，說正常，其實是指看到的樣子盡可能的接近。那個網頁設計得不錯，感覺很好，是由一位台藝大剛畢業的學生（well，既然畢業了，應該不能再叫他學生了），他透過各式各樣的美術專業軟體，最後再使用 photoshop 的“匯出成 web“，做出來的。 adobe photoshop 提供的這個功能，算是解救了不少美編人員，讓他們幸免於和 html, xml, css 打交道，但它終究不是萬靈丹，產生出來的網頁，品質不是很好，跨瀏覽器的適應性不高。我想，這是為什麼，左右腦同時發達的人，永遠都是最讓人喜愛的原因，因為他做得出美的東西，而且讓它能經得起許多的考驗，可惜我的右腦不夠發達，只好多努力些了。好愛睏，但是好想先玩一場電動再睡喔…

使用 Akismet 來對抗 comment spam

Fri, 22 Sep 2006 16:05:23 +0800

最後，我選擇使用 Akismet module 來處理討人厭的 comment spam。當初不使用 captcha，是因為，一來我的小站真的很小，開張不久；二來覺得很麻煩。像我自己，如果想留個言回覆時，遇到要求你要註冊或是來個 captcha 的，就會有點懶。最近在處理（或說是刪 = =） comment spam 時，就在想，因應 blog 的大紅特紅，blog spam 應該非常的多（到處可見，每個 blog author 都得面對的問題）的吧。既然隨處可見，而且會到處貼 blog spam 的就是那些人（其實大都不是人啦），那些 spam 應該會有些相通的性質。而且印象中，之前有人使用人工智慧裏會用到的一些 machine/network 來自動判斷 spam（ex, Bayesian Network），所以如果把所有人遇到的 spam 都集中到一處，全部餵給它做處理，這樣不管是它的學習、分析或是資料庫都夠大，應該很好用。（最明顯的列子，就是 gmail 的 spam 機制，它因為有眾多的使用者，所以有很大的資料庫可以進行這類活動）首先跑去 wikipedia 了解一下 blog spam，然後 google 了一陣子，發現矛頭都指向一個叫 Akismet 的玩意兒。 Akismet 原是 Wordpress 裏的一個 plugin，原作者就是開發來擋 spam（comment, trackback, blah…）的，後來寫成一套獨立的系統，架設在一台號稱可以一直 active 的機器上頭，免費服務眾人（個人用戶是免費，商業用途就要和他們聯絡一下了）。光這一點就相當吸引我的注意了。最後發現，原來已經有人寫了 Akismet for Drupal 了!!! 而且寫得挺好用的（對我來說啦）。目前正在試用中~~~ 原文發表於 Drupal Taiwan。

Firefox 1.0.7 下爛掉的 CSS

Tue, 15 Aug 2006 21:12:54 +0800

這個改編自某網站的 CSS template，因為沒注意到一些細節，在 Firefox 1.0.7 嚴格的把關下，破功了…變得支離破碎的。經過一陣子的奮鬥之後，終於解決啦。感謝 gugod 介紹的 Firefox Portable，讓我可以同時安裝 Firefox 1.5.x 與 1.0.7，平常使用 1.5.x，等到更新網站的 css 樣板時，再用 1.0.7 來檢驗是否有問題。感謝這本 CSS 功能索引式參考手冊，省去我不少時間上網找答案。感謝某網站，因為同樣是使用 drupal 來架站的，才會有機會看到它的設計。感謝 scott 把人體素描（據說應該叫人體速寫）這麼有趣的活動介紹給我，不然哪來的裸女圖可以用呀。

兩個月後，網站回來了

Wed, 09 Aug 2006 08:22:50 +0800

實驗室的機器，最後還是無預警的壞掉了，而且好像修復不能，就這樣在拖了兩個月後，從 boston 的 SIGGRAPH 2006 回來的第一天，當機立斷買了 bluehost 這家 web hosting。第一次使用的空間不再是學校的機器，沒了教育部的快速網路，開始花時間搞定 domain name 的啦哩啦雜（CNAME? A record? subdomain…），呼，又是一個重新開始。 domain name 實在好複雜。然後手邊的這份網站備份又不是最新的，很多地方得再改一改了@@ 然後這才發覺，以前使用的學術網路實在好快。網頁開起來快、SSH 指令的反應快、聚集人潮的速度也快（這好像沒啥關係）。跟 bluehost 買的這個空間，既要錢又比較慢，果然學生時代離我遠去了 :’(

租房子 vs. Photoshop

Mon, 05 Jun 2006 02:47:00 +0800

最近一次繳交房租時，房東使出殺手鐧「房租要漲 4000」，偏偏不巧的是，在上網到處觀摩別人的網站設計一陣子後，覺得現在很想自己動手感受一下「網站設計」這一回事。就這樣，兩件同樣棘手（分不清哪個比較難）的事，像油漆似的，混在一起了… 研究所畢業後，我們三個人（Sakura, Just4u and me）突然決定服國防役去（其實也可能是三個人都被騙了也說不定），於是在急急忙忙之中，我們租了一層位在南港，研究院路與忠孝東路口的民房，二○○四年七月開始租，到這個月底就算兩年了。本來以為契約上寫的「租約到期前兩個月要說明是否續租」，就是「不說的話，視同續租」，結果在繳這最後一個月的房租時，房東卻突然說要漲房租，然後說了不少理由：附近的房租都漲了；捷運南港站（or 經貿南站）蓋在附近；去年給我們優惠沒有漲房租…等。突然想到之前看的（Rent）這部電影，覺得租屋族真的很可憐 ><~ 六月已經過了一週，後天要和房東談談「不希望房租漲，不然我們就要搬了」，然後要開始看房子，加上這整個月好像會常常下雨，還真是屋漏偏逢連夜雨呀。弄網站的部分，依照 CSS 的精神，網站的內容和呈現分開，所以把網站的排版（layout），裝飾用圖（ex, 背景、小 icon、logo、色塊、圓弧形的角…）等，通通使用 CSS 來呈現，然後也想試試整個網頁的設計不用到 table 的方式（據說 tableless 是 w3c 這個世界網頁標準協會提倡的），於是我開始玩起 photoshop，從設計版型開始。同一時間，還得玩 drupal 的 themeing 機制，好忙呀。本來就和 photoshop 不熟了，現在又多了要寫一些 node 的 theming function（page, node, comment, blah…），實在好過癮… 這實在是個多事的六月呀… 請大家有看到不錯的房子，地點在南港，然後如果離捷運站（昆陽、後山埤、永春）不遠的話更好，整層，有三房或四房的，請不要吝嗇留個言告訴我，待我喬遷完畢，一定請你吃頓飯。

CSS 的學習重點

Fri, 02 Jun 2006 14:03:25 +0800

CSS（Cascading Style Sheet）對我來說，最重要的莫過於它在「排版」上的能力了，而這同時也是它最難搞懂，或是很容易一知半解（我的現狀就是如此）的地方… 一兩個月前，買了兩本與 CSS 相關的書籍，想說這樣一來，就沒啥藉口偷懶了，但後來我發覺，我似乎少買了一本書，或甚至只是一個章節，一個仔細討論與解說 CSS 中幾個我常常會忘了或是一知半解的章節。因此我只好繼續偷懶，偶爾看一點書，興起時就拿這個 drake.csie.org 網站做實驗，完全沒啥長進，有時甚至會自我嘲解「真的要學 CSS 嗎? 3D 的東西都學不完了，確定還有腦子可能應付這一塊東西? 而且萬一學得一知半解，但卻剛好唬住身邊的人，他們因此把寫網頁這塊重擔放在你身上，那還真是害死人了…」如今我把網頁撰寫這一塊當作一種娛樂，就像以前看待「寫 3D 程式」這件事一樣，無聊時就打開文字編輯器，上上網查一下有什麼新技術或玩意兒，然後也許是拿別人的程式過來改寫看看，或是從頭到腳自己玩一下。今天突然心血來潮（因為是娛樂嘛），於是 google 了一下「css position」，找到這一篇，相當的喜愛，一口氣把它整個看完了，而且只花了我十分鐘就搞定。一開頭的「HTML發展的瓶頸」與「HTML的回歸本質」，看起來相當愉快，而且簡短地把歷史演變過程描述出來（沒有考究過，所以不是很確定是否有誤，存 1% 的疑好了）。接著的「從Web標準計畫看CSS」詳列了各種標準的官方參考網頁，非常的有價值。但是最讓我興奮的還是「CSS學習重點」，說到我的心坎裏去了：充分瞭解CSS的box model 充分瞭解CSS的float屬性充分瞭解CSS的position屬性裝飾用的圖片以背景圖片取代，主要圖片才使用img標籤以CSS作版面配置取代使用table 版面配置使用CSS的ID功能取代html的頁框功能私自認為，對於一位學習程式語言沒有任何障礙的程式設計師來說，學習 CSS 的最重要關鍵就是上述的幾點，那些 CSS 的語法，有什麼 property，每個 property 有哪些可以用的參數，又各家 browser 的支援程式，都是可以信手捻來或買本書就查得到的東西，唯有 CSS 中有關「排版」的這一部分的概念，卻是需要深入了解也是學 CSS 的第一難關吧。特別寫下這篇「CSS 的學習重點」，感謝原作者（好像還在繼續更新頁面）的無私貢獻了這一份整理好的心得出來。

網路上的引用不引用

Sun, 30 Apr 2006 09:30:06 +0800

說實在的，我不大了解 blog 的一些東西，像是什麼引用（trackback?）、創用CC（Creative Commons）、Rss…等，我都只是略知一二，或是只是比普羅大眾來得了解一點點而已，不過那也只是因為過度頻繁地使用電腦的關係。然而剛剛讀到部落格之間的引用：關於比喻與版權的一點思考，覺得寫得很棒，說得很好，還挺認同這篇的說法的。以前在 ptt 服役站長一職時，每天的例行工作之一，就是處理一些 user 之間的紛爭，其中不乏一些如下的狀況：甲想要申請看板名單，好把乙給踢出他的個板，因為乙會在看了他的個板後，對甲造成一些困擾。（ex, 舊情人、情敵、不熟卻要裝熟的路人、過去式的同學，但他很八卦，會到處散播歡樂散播八卦…）甲想要申請隱板，因為有人亂引用他寫的文章，導致他的生活受到一些引響。甲在沒支會乙的前提下，隨意引用乙的文章，而且還加上了一堆個人看法，導致乙怒了… 就像那篇文章裏說的，「公開」與「公共」是有分別的。在不確定自己的行為是否會引響到他人的前提下，也為了給這個新開章的網站有個好的開始，要引用別人的發表前，還是多花點心思支會一下原作者，感覺禮貌多了。題外話，我得加把勁了，這個網站其實內容應該不是這樣的，但又動作太慢，常常用了比較費時的方式在玩東玩西的，導致只被當成一個個人 blog 來看待…呵…

新增 Lightbox JS v2.0

Mon, 24 Apr 2006 13:41:08 +0800

以前，當你發表了一張圖片到你的網站或 blog 時，放的大多是縮圖（ex, 150x150 或是 400x300 之類的），然後只要點選那張縮圖或是一個聯結，就會連到比較大的圖片那（ex, 800x600 或是 1024x768 之類的）。然後當你不看這張圖時，可能得點選「上一頁」或是「關閉這個視窗」，才可以繼續瀏覽接下來的圖片或是文章內容，這樣子相當的不方便。 LightBox 是個寫得很棒的 Ajax（or just javascript?），它可以讓瀏覽網頁的人在看網頁時更方便一些。當你點選了一個前往大圖的聯結時，會出現一個讀取圖示（progress bar），就像下樣這樣：然後等它讀取好後，就會直接在這個面頁上秀出大圖來，如下：然後可以在大圖的任何一個角落點選一下，或是按鍵盤上的 x 鍵，就會把大圖關掉了。實在是相當的方便。更新：wctang 的介紹下，我改使用了更方便的 Lightbox JS v2.0 了。現在在瀏覽之前放的人體素描時，除了在 overlay 的呈現有縮放的特效以外，而且可以一次瀏覽同一系列的圖片了。只要把游標移到圖的右邊，就會出現「Next」，點選了就是到下一張；移到左邊，就會有「Prev」，這是回到上一張的。至於關閉的方式，一樣是按鍵盤上的 x 或是那個 Close。

虛擬主機商「戰國策」告使用者事件

Mon, 17 Apr 2006 12:57:02 +0800

國內的虛擬主機大廠戰國策告使用者 :o 虛擬主機請勿選擇戰國策，會遭該公司提起告訴! 戰國策真是一間有趣的主機商啊… 戰國策想用法律來塞 Blogger 的嘴？門都沒有！戰國策? 本來，只是因為被問及了對虛擬主機這件事有什麼看法，所以才去 google 了一下，還跑去 irc #ntucsie 上問一下他們的使用經驗等等的，卻因此多注意了一下，看到戰國策事件，其實我也挺無辜的喔，浪費了這麼多時間在這種「商人 vs. 商人與商人 vs. 客戶的事件」…

「石敬巖」讀後感

Fri, 17 Mar 2006 13:48:49 +0800

公司有很多很棒的人，Lucky 是其中之一。在邀 Lucky 和我們到黑人鵝肉那飯飽酒足後，回公司途中得知 Lucky 作好一本手繪書，一本給大人看的童書，後來才曉得，原來它叫「石敬巖」。石敬巖是一本從無到有，文、圖、裝訂，全部由 Lucky 一個人親自操刀，產生出來的一本「偽童書」，內容與中國武術有關，感覺很好。看完後，像是看到蔡志忠的一些味道，但在武學心境上的描寫又來得更加深入，這也許是因為有武學背景使然。如果問我最喜歡裡頭的什麼東西，我想嘛，打一開始就覺得「石敬巖」這個名字很棒了，好東方，書法字好棒~ 聯結： Lucky的個人網站 Lucky on heyshow.com 石敬巖手臂錄圖解

新網站，新的一篇

Wed, 08 Mar 2006 21:31:04 +0800

從有幸進入台灣大學資訊工程系就讀開始，就覺得需要一個「稱職」的個人網站，那時還不清楚是要怎麼個稱職法，頂多就是想滿足自我表現慾，但又在現實生活中沒有什麼機會好表現的，所以把這個念頭轉嫁到網路上來。隨著資訊的快速發展，愈來愈多的資訊趨勢（Ptt2 的個人板、無名小集的個人相簿、Flickr 的 album set、blog 的大盛行…），趨使著懶惰如我要實際地搞個東西出來。進入台大資工所多媒體研究室後，認真地弄了個個人網站出來了。記得那時很迷 Wiki，所以挑了個簡單易用，且又有台灣人在使用（所以有些資訊可以 google 得到 :p）的 Tavi 來建置整個個人網站。那時的重點只有幾個：放上在資工系所這幾年參與過的，可以被歸類為 Project 的頁面。內容有學術上的、打工時寫的、個人參與過的活動等，都是有動到那個「藏在左腦深處的資訊腦」所誕生的產物。在頁面的最上頭加個 FIGlet，產生有變化的 DRAKE 文字。放一些喜愛的網站連結。來太極工作後，開始了一邊看電影一邊隨手寫點什麼的過程。就這樣，經營了兩三年，直到開始到 blogspot 上開了個人 blog，事情開始難以兩全了起來。花時間在 blog 上，加上在太極還沒有什麼值得公開，而且也可以公開的 project，於是重心都跑到 blog，連 bbs 上的個板都冷落了。於此同時，我興起了出書的念頭。因為意識到在太極影音的工作，都會一直繞在 Maya 上頭，而我們又是被稱為「擁有聰明頭腦與資訊背景的 RD & TD」，光是玩 Maya Embedded Language (MEL) 就有數不清的經驗與成果了。同時，發現到 3D 部門一些專精使用 Maya 的美術天才們，裡頭有人有興趣想學習使用 MEL 的威力來增進他們的工作效率與創意，但苦無門路，且門檻對他們來說也高了點。算了一下，隨著時間的經過，總計會有 7 位 RD 人員常常使用 MEL，不如就集合大家的力量，出本書吧。為此，建置了另一個網站，同樣是個 Wiki，用來存放任何的心得與一閃而過的經驗。當初因為大家都在摸索，要有效率的整理是一件很困難的事。這就好比一家正要從事某個新領域的公司，一切都沒有規則，計畫亂糟糟的時期，要想弄出個功能強大的知識管理系統（Knowledge Management），有點困難。而 Wiki 的「隨便性」剛好是這個時期最好用的工具。如今，覺得需要有計畫一點地來執行這個「出書計畫」了，也就把這個冀望，一同放到這個新網站上頭了。建置這個新網站前，緊密地觀察了 Xaraya, Joomla(Mambo), Drupal。最後挑選了 Drupal，因為某些不知名、已經忘記了且也懶得再打字出來的原因。