http://rhinohorns.blogspot.com/2007/12/pchome.html 在 PChome 線上購物的網頁尋找客服電話像尋寶

大概是 PChome 公司內部的一項德政，不想讓客服接觸到太多來自外面的負面話語進而影響員工上班情緒，所以欲在網頁上找個客服電話號碼猶如大海撈針一般，真的滿不明顯。

縱觀整個購物網站幾乎清一色是提供網頁表單的型式讓顧客填寫，再由 PChome 「選擇」「何時」回覆。不過客服這種事倒可以問問看哪個顧客是願意等的？應該是沒有吧，不要說 PChome 通常的處理後回覆時間是半天至二天，我想一般等個 20分鐘後就算久了。

這篇算是幫它個小忙，購物過程中需要客服就直接撥 02-27000898 請總機人員幫忙轉接即可，如果有知道確切線上購物分機號碼的朋友，歡迎留言告知我們，感謝先。

http://rhinohorns.blogspot.com/2007/12/2007_24.html 本院 2007 聖誕卡

搬到這重新開始撰寫部落格算算也近二個月，對於這的操作熟悉度也漸增。不過由於文章寫的不多也還滿冷的，所以真的十分感謝有來看過本院的朋友以及供我查詢參考的各大部落格，在這篇掛上一張自行拼湊的聖誕卡了表心意，也祝大家今年聖誕節都能過得愉快。

貓熊和犀牛我都很喜歡，所以…我把牠們金鋼合體了 = =。

http://rhinohorns.blogspot.com/2007/12/2007.html 2007 的聖誕樹也準備好了

我家自從加入了年幼外甥兩員之後，年年皆有佈置聖誕樹的習慣。也由於除了架樹及纏燈外，掛上飾品的都是小朋友，所以每每整棵樹看起來就是一個字形容 -「雜」，不過重要的是小朋友不論在過程中或是完成後玩得很開心。

說實在話，聖誕樹對成人來說也算是個治癒療傷系的物品。夜半時分，關掉全家光照，躺在長沙發上，看著樹間小珍珠串燈一閃一閃的，心裡倒也著實平靜，也少去回想白天的煩惱，我想這種效果可能和催眠時所用的鐘擺原理相同，= = 呵。

放上幾張今年的聖誕樹照片分享一下氣氛。

http://rhinohorns.blogspot.com/2007/12/blog-post_22.html 隔個小行也是如隔山

最近試著撰寫 Paint.NET 的 plugin，不過從未寫過繪圖軟體的相關程式，果然每每測試後產出小瑕疪圖形的狀況比比皆是。變換色彩還好，遇到想寫變形或是產出新圖形的外掛就會發生與想像有差距或是不工整的問題了，雖然明知大概是演算法的問題，但是圖形用數學學藝不精加上沒有經驗所以還是無法短期內解決，呵，同為軟體業不同 Domain 還是差滿多的。

也許可以嘗試找找是否有繪圖的專門程式語言平台可利用，繪出圖形後再依像素貼回 Paint.NET，應該會比目前土法練鋼的形式快準才是。

假使也有興趣撰寫 Paint.NET 特效 plugin 的朋友，可以在 Paint.NET 掛上 CodeLab 這個外掛，有助於產生對話介面及測試，採 C# 語言，網頁內的下載檔也附有一些範例碼可參考。

http://rhinohorns.blogspot.com/2007/12/stripprimarycolor-paintnet-10.html StripPrimaryColor - 實用 Paint.NET 外掛 (10)

這個 Paint.NET 外掛的功能很簡單，就是將圖片或是框選區中的色彩抽去所選擇的前景色，看圖說故事會比較好了解，範例如下，將左方的原圖使用 StripPrimaryColor 抽去籃色後即成為右方的圖片，紫色成為半透明的紅色，藍色則完全透明。

而這個外掛最常處理的情況就是可以用來上色白底黑線稿圖片，下面我們以岸本斉史老師「火影忍者」連載的其中一格為圖例。使用 StripPrimaryColor 將左方原圖的白色部分除去後，只剩下右圖的透明色及黑線條，如此我們就可以在此圖下層增加一個 layer 塗色，這樣上色時就不會覆蓋到原本的線稿，背景也能另外製做後套上，比使用「魔術棒」來選擇去除方便許多。

p.s. 蛙仙是為了製做範例亂塗的 = =。

 

安裝此外掛的方式，將 .dll 檔放入 Paint.NET 安裝目錄下的 \Effects 中，即能在功能列「Effects」中選用「StripPrimaryColor」。

如：C:\Program Files\Paint.NET\Effects

http://rhinohorns.blogspot.com/2007/12/outline-object-v22-paintnet-9.html Outline object v2.2 - 實用 Paint.NET 外掛 (9)

隨著 Paint.NET 發表 v3.20，也提供了新的介面設計物件給外掛撰寫者使用，所以一些已發表的外掛也順勢重新編譯或是增加功能後產出新版本。本系列之前介紹的 Outline object 邊框外掛也是其中之一，更新到了 v2.2。

v2.2 介面上除了線寬及柔度外，另增加了三項調整設定，

• Color，即可自行填入需要的邊框顏色，不過這個設計也有不順手之處，前版只要選定前景色即為邊框色，v2.2 改採關鍵字的方式，可填入「primary」即為前景色，「secondary」則為背景色，其餘色彩說明可鍵入「Help」至網上說明頁。
• Angle，當鉤選「Angled」時，可以調整角度來造成如陰影或是有稍微立體的效果，連帶鉤選「Both Sides」則是雙側邊都加上。
• Blend Mode，功能可參考圖層 (Layer) 的混和方式。

各項設定選用的呈現效果如下圖所示，由上而下分別為，柔邊、雙側邊 (Angled and Both Sides)、單側邊 (Angled)、預設效果。

安裝此外掛的方式，將 .dll 檔放入 Paint.NET 安裝目錄下的 \Effects 中，即能在功能列「Effects -> Object」中選用「Outline Object」。

如：C:\Program Files\Paint.NET\Effects

http://rhinohorns.blogspot.com/2007/12/sol-y-sombra-cd.html Sol Y Sombra - 一張兩年多前的CD

這是一張大約二年前，大部分歌詞我聽不懂，所有的歌手我不認識，忘了是否在便利商店購買，價錢不太高我記得是 69 元的 CD，但是它聆聽起來個人感覺十分舒服。

其實有好一陣子沒拿出來欣賞了，只是最近感覺生活有些緊繃，才突然想到有這張唱片。一直很嚮往某些歐洲國家居民能夠滿足且輕鬆的享受生活，我想也因為這樣才有辦法發展如此地中海風的音樂。這張 CD 每首歌不論是屬於輕快、呢喃或是較慵懶的唱法，皆能使我放鬆心情，具有舒壓之效。

還有一點滿特別的是，就像感冒藥會強調不嗜睡，這種類型的音樂也不會干擾我工作的情緒及專心度，或許也與聽不懂歌詞有關係 = =。

總之我還是很喜歡聽這張 CD，有機會應該會多找些同類型的唱片來試試，不過最近聽最多的還是聖誕歌曲，呵。

曲目及演唱者列表，

1. Firt a Rio - Zinia y Veneto
2. Who’s Afrais - Rita Calypso
3. Conversazione - Malabella
4. Metti una sera a cena - Malabella
5. Lugar Bonito - Rita Calypso
6. Who’s Needs You - Delia Caprice
7. Un Garcon et Une Fille - Bel Divioleta
8. Hope This Plane Never Lands - Bathing Beauty
9. Ce Petit Coeur - Pittoresque
10. Castles In The Air - Bathing Beauty
11. The End of the World - Rita Calypso
12. Solco di Pesca - Coro de Barataria
13. But For Love - Anna Felix
14. Slow Strawberry Bicycle - Bel Divioleta
15. Girl Without a Boy - Rita Calypso
16. Cuando Yo Era Pequena - Bel Divioleta
17. Kinky Love - Rita Calypso
18. I’ll Cry Myself for Sleep - Rita Calypso
19. Only Friends - Rita Calypso
20. It’s Hard to Say Goodbye - Rita Calypso

http://rhinohorns.blogspot.com/2007/12/shortcutguidecom.html ShortcutGuide.com - 熱鍵使用導覽

正常來說目前軟體的使用都能利用滑鼠一物完全搞定，不過滑鼠用多了食指和手腕負擔真的頗大，所以之前熱鍵的設計是讓非控制滑鼠的那隻手也能拿來利用並加速軟體的操作，現在看來反而對健康也有些幫助。

使用上來說，常見到方便的熱鍵諸如 Ctrl + C、Ctrl + X、Ctrl + V 等這些口耳相傳的複製、剪下、貼上大家應該都知道，用多了也好記。不過有時候一個軟體工具使用上有了心得，就會遇到感覺某項滑鼠操作如果有熱鍵該有多好的情況，或許該軟體真的有設計只是使用者不知道罷了。

ShortcutGuide.com 即是一個蒐集多種常用軟體熱鍵設定並以較友善的鍵盤圖示方式呈現出來的網站。特別是除了如 Microsoft、Adobe 等出品的軟體外，目前熱門的網頁式服務提供者如 Google、Yahoo! 等的操作熱鍵也有包含在內。

網站內主要檢視區，當選定軟體後，左手邊是該軟體提供熱鍵的總列表，而右手邊的區域則是可將鼠標移至深籃色鍵上即會在下方說明區解釋該熱鍵組合的用途。

如果常用的軟體或網頁服務可以在列表中找到的，不妨看一下功能上是不是有適合的對應熱鍵，或許有所新發現加速操作也讓使用滑鼠的食指能休息一兩秒。

http://rhinohorns.blogspot.com/2007/12/iconcursor-paintnet-8.html Icon/Cursor - 實用 Paint.NET 外掛 (8)

喜歡動手自己做圖或是修改系統門面的朋友應該有時也會遇到需要繪製 .ico (圖示) 及 .cur/.ani (鼠標) 的情況。當然網路上不乏專門的圖示鼠標繪圖軟體來處理，不過使用 Paint.NET 的人也不需要另找工具，使用 Icon/Cursor 這個外掛也可以讓 Paint.NET 直接開啟這些圖檔格式來編修或新製。

加入這個外掛後，於開啟檔案時會增加三種類型可選擇，分別為

• Icons (*.ico)
• Cursors (*.cur)
• Animated cursors (*.ani)

實際操作時有二項比較需要注意的地方。

其一，開啟 *.ico 時可以選擇欲編修的大小格式，或是全部開啟。因為並非專門工具，當全部開啟時是以同一張圖但是分層 (layer) 的方式，不過儲存時會自行對應回去，所以問題還算不大。

其二，在儲存鼠標檔時，可以設定指點 (Hotspot) 的位置，例如下圖我可能就會設在手部食指尖的部分。但是此外掛設定的方法較陽春，採輸入座標 X、Y 值，所以儲存前可能需要自行先記住欲設指點的位置。

安裝此外掛的方式，將 .dll 檔放入 Paint.NET 安裝目錄下的 \FileTypes 中即可，記得重啟 Paint.NET。

如：C:\Program Files\Paint.NET\FileType

http://rhinohorns.blogspot.com/2007/12/blog-post_16.html 這是一種指示嗎 = =？

今天本來沒打算更新日誌，不過偷閒上來一開空想院就見到右圖。這是本院部落格觀察的貼紙，雖然名次很遜是不怎麼好看，但是數字聽來可是大吉之象，莫非這是超自然界給我的一種指示？嗯…嗯…，

「啊～ 樂透我來囉！」

http://rhinohorns.blogspot.com/2007/12/shlplugin-v11-windows-live-writer.html ShlPlugin v1.1 - Windows Live Writer Plugin

小小改版了一下，主要修繕的地方為讓已在頁面 <textarea> 標籤中的碼回到 ShlPlugin 編輯區時，文字能較正確的回復到原編排顯示。

不過我想除了小修改字句外，多數人文字編修還是會採用外部編輯器完成後再完整的貼到 ShlPlugin 就是。

關於 ShlPlugin 的說明、安裝及使用方式請參考此篇。

http://rhinohorns.blogspot.com/2007/12/jquery-plugin-events-namespace.html 製做 jQuery Plugin，覆寫 Events 應儘量採用 Namespace

製做 jQuery 的 Plugin 時，有時會使用成套函式的設計，也就是包含了「啟用此 Plugin」函式及「停用此 Plugin」的函式。

例如部落格上常會見到的「繼續閱讀」，或許有些瀏覽者不適應這項功能。假設它是一個成套 Plugin，此時使用此 Plugin 的網頁設計者就可以在頁面放上鉤選是否使用「繼續閱讀」的設定介面，如瀏覽者鉤選了不使用，則呼叫「停用此 Plugin」函式直接停用即可。

啟用/停用的 Plugin 程式碼通常會像如下的撰寫方式，「setOverFlowHidden」為啟用，「unSetOverFlowHidden」為停用。

(function(){<br />    jQuery.fn.extend({<br />        setOverflowHidden: function() {<br />            return this.bind("click", function() {<br />                jQuery(this).css("overflow","hidden");<br />            });<br />        },<br />        unSetOverflowHidden: function() {<br />            return this.css("overflow","visible").unbind("click");<br />        }<br />    });<br />})();

看似沒什麼問題，不過當頁面中有使用其它 jQuery Plugin，並也有覆寫「click」事件時，停用的程式句「.unbind("click")」將會讓引入不同 Plugin 的同個物件「click」失去效果而影響到其它 Plugin 的運作。所以此刻我們可以採用 Namespace 的撰寫方法來避免憾事發生。

程式碼改寫如下，將原本的「click」事件另加上我們易辯識的 Namespace 成為「click.setOverflowH_sh」，這樣就可行了。

(function(){<br />    jQuery.fn.extend({<br />        setOverflowHidden: function() {<br />            return this.bind("click.setOverflowH_sh", function() {<br />                jQuery(this).css("overflow","hidden");<br />            });<br />        },<br />        unSetOverflowHidden: function() {<br />            return this.css("overflow","visible").unbind("click.setOverflowH_sh");<br />        }<br />    });<br />})();

http://rhinohorns.blogspot.com/2007/12/blog-post_14.html 這樣扭完應該滿累的吧

這幾天才看到的有趣短片，不過應該 lag 有段時間了。這位女性朋友雖然舞步不太特殊花招也不多，但是滿會扭的就是。等級是屬於觀賞時YouTube 會詢問一下年紀的那種，不過個人覺得還好。

http://rhinohorns.blogspot.com/2007/12/paintnet-v320.html Paint.NET v3.20 產出

本院常介紹外掛的免費繪圖軟體 Paint.NET 更新到了 3.20 版，此版與 3.10 版主要改善及不同的地方有，

• 矩形選取工具增加了「固定尺寸」及「固定比例」兩種模式。
• 原本可使用熱鍵方式加入/減去選取區，現在也能在功能列上直接先選擇採用的模式。
• 「魔術棒」及「油漆桶」功能增加了涵蓋模式的選項，分為鄰接及整體兩種。
• 修改了「魔術棒」及「油漆桶」功能的滑鼠圖示，十字狀比較容易精準點定。
• 這版開始將特效選項分門別類了，較好選用。
• 改善了多種預設特效的品質和設定項。
• 提供新的對話框設計 UI 給外掛撰寫者能夠產出更精良的特效外掛，也就是之前提到利用 v3.20 Beta 設計的外掛 v3.10 無法使用的原因。
• 當特效製做到一半時若發生程式錯誤，此版能夠在重啟時恢復到製做前。
• 當外掛無法載入時，可以在功能表中看到外掛發生載入錯誤的相關訊息。
• 檢視「實際尺寸」時也可以使用 Ctrl+Alt+0 組合鍵。
• 當然還修正了一些不能說的密秘 bug。

除了上述變更外，個人感覺計算的速度有加快，不論是在選取或是調整特效。還是滿推薦業餘者若有繪圖或是後製圖片需求可以採用 Paint.NET 試試。

http://rhinohorns.blogspot.com/2007/12/shape3d-paintnet-7.html Shape3D - 實用 Paint.NET 外掛 (7)

有時需要製做一些基本立體物如方盒的貼圖，就像產出軟體時，不一定在市面上真的盒裝販售而是採下載方式，但是也常常希望能做個虛擬販售盒圖片放在網頁上看起來比較有實物的感覺。此時如果拿個 3D 製圖軟體來繪成感覺有些大材小用，利用 Paint.NET 的「Shape3D」外掛就可以達成這項需求。

Shape3D 提供的調整項目相當多，不過大致可分類如下，

• 選擇立體物基本形狀，提供了 Sphere 球體、Cylinder 圓柱、Box 盒狀，並可調整長寬高深、圓角邊及貼圖樣式等。
• Object Rotation，可任意旋轉調整立體物。
• projection，調整拍攝角度。
• Anti-Alias，是否採用反鋸齒。
• Transparency，可調整物體透明度。
• Pan，可調整物體的方位。
• Lighting，各項關於光線的設定。
• 可將調整的設定以 XML 格式匯出/匯入。

Shape3D 外掛的設定對話框及基本效果範例圖如下所示。對話框文字有英、日文兩種語言可選擇。範例圖中上方為原圖，下方三樣式則為貼圖效果。

作者的網站(日文)並提供了些許範例包含光碟片封面、鏡面效果、半透明物體、紙盒貼圖樣本等的製做方式可參考。配合上之前所介紹的一些陰影效果，相信繪出的圖樣應該均具有一定的基本水準就是。

安裝此外掛的方式，將 .dll 檔放入 Paint.NET 安裝目錄下的 \Effects 中，即能在功能列「Effects -> Render」中選用「Shape3D」。

如：C:\Program Files\Paint.NET\Effects

http://rhinohorns.blogspot.com/2007/12/3.html 樣版修改筆記 (3) - 修改日期顯示整理

前一陣子修改了這個樣版的發表日期顯示格式，以這篇記錄一下修改的要點。這個日期格式的原樣是由 JackBook.com Red-White Web 2.0 Blogger Template 而來，個人更改了圖片的色調及抽出部分 CSS 及 javascript 修改而成。

CSS 部分，共分三項，月、日、年，修改為如下，

/* NewDate <br />-----------------------------------*/<br />.jackbookDOTCOM_date {<br />    background:url(http://url/sh_dateblock.gif);<br />    background-repeat:no-repeat;<br />    width:66px;<br />    height:82px;<br />    text-align:center;<br />    color:#ffffff;<br />    font-size:10px;<br />    font-weight:bold;<br />    margin:0px;<br />    margin-left:17px;<br />    margin-right:10px;<br />    padding-top:7px;<br />}<br /><br />.jackbookDOTCOM_date .day {<br />    font-size:35px;<br />    font-weight:bold;<br />    color:#000000;<br />    letter-spacing:-1px;<br />    line-height: 1.0em;<br />}<br /><br />.jackbookDOTCOM_year {<br />    font-size:35px;<br />    font-weight:bold;<br />    color:#b3b3b3;<br />    filter:alpha(opacity=10);<br />    opacity:0.3;<br />    -moz-opacity:0.3;<br />    margin-bottom:-20px;<br />    line-height: 1.0em;<br />    background-color:#fff;<br />}

樣版 html 部分，將原本以 <h2> 標示的發表日期改為下碼，此時也要注意的是 Blog 設定中日期標題格式需改採「星期一,十二月 10,2007」。

<table><tr><br /><td><div class='jackbookDOTCOM_date'><data:post.dateHeader/></div></td><br /><td><div class='jackbookDOTCOM_year'><data:post.dateHeader/></div></td><br /></tr></table> 

javascript 部分由於採用 jQuery 方式撰寫，故引用之。

<script type="text/javascript" src="http://url/jquery-1.2.1.pack.js"></script>

更換日期顯示所需要的程式碼，程式以「星期一,十二月 10,2007」格式專製，所以其它日期格式就必須改寫。

//change date,year format<br />function do_changeDate_sh(){<br />    jQuery("div.jackbookDOTCOM_date").each(function(i){<br />        var shtml = jackbookDOTCOM_changeDate(jQuery(this).text());<br />        jQuery(this).html(shtml);<br />    });<br />    jQuery("div.jackbookDOTCOM_year").each(function(i){<br />        var shtml = getYearFromDate_sh(jQuery(this).text());<br />        jQuery(this).html(shtml);<br />    });<br />    return false;<br />}<br /><br />//get year value<br />function getYearFromDate_sh(sdate){<br />    var syear = sdate.substr(sdate.lastIndexOf(', ')+2,4);<br />    return syear;<br />}<br /><br />//get date format<br />function jackbookDOTCOM_changeDate(thedate) {<br />    var newdate = jackbookDOTCOM_dateformat(thedate);<br />    return newdate;<br />}<br /><br />function jackbookDOTCOM_dateformat(dateformat) {<br />    // Tuesday, July 17, 2008<br />    dateformat = trim(dateformat);<br />    if(dateformat.length>0) {<br />        var vpostdate= dateformat.split(",");<br />        vpostdate = trim(vpostdate[1]);<br />        var vpostdate= vpostdate.split(" ");<br />        var vresult = vpostdate[0].substring(0, 3) + '<div  class="day">' + vpostdate[1] + '</div>';<br />        return vresult;<br />    }<br />}<br /><br />//thanks to webtoolkit.info for this trim snippet,<br />function trim(str, chars) {<br />    return ltrim(rtrim(str, chars), chars);<br />}<br /><br />function ltrim(str, chars) {<br />    chars = chars || "\\s";<br />    return str.replace(new RegExp("^[" + chars + "]+", "g"), "");<br />}<br /><br />function rtrim(str, chars) {<br />    chars = chars || "\\s";<br />    return str.replace(new RegExp("[" + chars + "]+$", "g"), "");<br />}

最後於 document.onload 時呼叫函式修改日期即完成。

jQuery(document).ready(function(){<br />    do_changeDate_sh();<br />});

http://rhinohorns.blogspot.com/2007/12/reflection-paintnet-6.html Reflection - 實用 Paint.NET 外掛 (6)

光滑的平面如大理石或是水窪都會讓物體形成一種倒影，而這也是一種常見的立體化繪圖效果，能讓文字或是物品看起來更醒目且比較高級一些 = =。Paint.NET 則可利用「Reflection」這個外掛來簡易製成。

此外掛提供了三項可調項目，

• Distance，可視為倒影的長度，值越大呈現的倒影越多。
• Maximum Alpha，倒影的淡化程度，值越小越淡。
• Ignore pixel，倒影對應原圖由下而上切掉多少 pixel 再顯示，一般來說還是設 0 直接由最底部衍接為主。

製做完成的效果就像下圖文字倒影及盒子倒影的部分，

 

不過使用這個外掛時要注意由於它是拿圖層整個非透明的部分由各圖點延伸製成倒影，所以使用時倒影臨界線以上的部分都必須要有顏色，通常是臨界線上無背景時補個素色當背景，才不會製做出來怪怪的。

安裝此外掛的方式，將 .dll 檔放入 Paint.NET 安裝目錄下的 \Effects 中，即能在功能列「Effects」中選用「Reflection」。

如：C:\Program Files\Paint.NET\Effects

順道一提，Paint.NET v3.20 目前已經 RC1 了，針對外掛的部分有提供新的寫法及 API，所以有些以 v3.20 為環境所開發的外掛在 v3.10 中無法使用。本院目前為止所介紹的外掛於 v3.10 中皆可使用。

http://rhinohorns.blogspot.com/2007/12/blog-post_10.html 蕭同學，你唱得不錯

這個週休兩天，不知何處得來感冒 = =，使我精神十分不振，清醒時只看了一個電視節目，就是「第四十四屆金馬獎頒獎典禮」。除了得獎名單外，主要是為了兩項表演節目，其一是網路高人氣的 Cyril 魔術，其二則是蕭敬騰演唱四首入圍本次金馬獎的電影歌曲。

不過此次 Cyril 在金馬中表演的魔術，手法很好很高明，但是題材有些舊，而且也非獨門絕活，所以讓個人觀後感覺並無太驚豔的效果。或許在較大的表演場地上比較不適合 Cyril 的藝術展現。

整體來說蕭同學的表現就讓人滿意許多，一貫獨特的唱腔，從星光大道 PK 賽至今雖有微調過但是差異不大，辯識度還是很高。「不能說的秘密」、「小茉莉」、「天堂口」、「小情歌」四首下來都滿順暢且感情度夠，不過句末字另加上輕音「呀」字唱得太明顯是個人不太適應的地方。

有興趣回顧的，或是沒看過的，可以到這個頁面下載網友提供的影片或是線上觀賞。

http://rhinohorns.blogspot.com/2007/12/blog-post.html 還是破功敗了四葉妹妹和她朋友

想不到一個月前才開文慶祝一年未敗玩偶食玩景品，這幾天寫了篇 Revoltech EXPO '07 就按耐不住敗了同系列的「四葉妹妹」和她朋友「阿楞」= =。

不過入手感覺不會後悔重蹈敗家之覆轍，因為這兩尊玩偶個人確實滿喜歡，尤其四葉小妹的可動性配合上一喜一怒的面容，變化十分之多也很自然逗趣。阿楞的話，除了會發光的雙眼洞，能擺出的姿勢礙於紙箱人造型所以不多，不過紙箱人特殊的呆樣剛好合我味口就是。

拍下幾張沒換姿勢的照片來記錄破功…。

http://rhinohorns.blogspot.com/2007/12/shadow-like-googlemaps-paintnet-5.html Shadow like GoogleMaps- 實用 Paint.NET 外掛 (5)

使用過 GoogleMaps 服務的朋友應該有見過如右圖所示的標記點，這個標記點具有「斜影」的效果，所以讓標記點看起來與平面的地圖是非重疊的。在 Paint.NET 上要簡單的做到這個效果可以使用「Shadow like GoogleMaps」這個外掛來實現。

Shadow like GoogleMaps 提供三項數值可調整，

• Transparency-Alpha，陰影的濃度。
• Angle of shadow (left to right)，陰影的左右斜度，也就是隨著光源左右產生不同方向的影子。
• Angle of shadow (front to back)，陰影的前後斜度，越往後則影子越長。

範例圖像如下，左邊的兵馬俑未加上斜影，右邊則有。

不過使用上要注意一點，就是這個外掛不會保留原影像，該圖層只會留下斜影，所以製圖時記得先複製圖層再使用特效。

安裝此外掛的方式，將 .dll 檔放入 Paint.NET 安裝目錄下的 \Effects 中，即能在功能列「Effects」中選用「Shadow」。

如：C:\Program Files\Paint.NET\Effects

http://rhinohorns.blogspot.com/2007/12/amcolumn.html 製做一個網頁用的基本長條圖 - 使用 amcolumn

之前撰寫了一篇介紹如何使用 ampie 來製做頁面用的圓餅圖，這次使用其兄弟產品「amcolumn」來製做更常見到的長條圖，圓餅使用於顯示比例，而長條則用於比較。免費的版本一樣只會在圖表上顯示至該網站的連結而已。

使用 amcolumn 做一個基本的長條圖，需要以下 5 個檔案，

• amcolumn.swf，長條圖特效檔。
• swfobject.js，SWFObject ，一個利用 javascript 的方式讓頁面嵌進 Flash Player。
• amcolumn_settings.xml，關於長條圖呈現上的設定檔。
• amcolumn_data.xml，需要長條圖呈現的資料。
• xxx.html，使用長條圖的網頁。

上述檔案使用時放入自己的網頁空間中即可，接下來分別描述一下各檔撰寫時的注意之處。

= 資料 amcolumn_data.xml =

資料使用 XML 檔格式撰寫，

<?xml version="1.0" encoding="UTF-8"?><br /><chart><br />    <series><br />        <value xid="0">Xbox 360</value><br />        <value xid="1">PlayStation 3</value><br />        <value xid="2">Wii</value><br />    </series><br />    <graphs><br />        <graph gid="0" color="#778899" gradient_fill_colors="#dddddd, #556677"><br />            <value xid="0">528000</value><br />            <value xid="1">119000</value>            <br />            <value xid="2">501000</value><br />        </graph><br />    </graphs><br /></chart>

幾點說明一下：

• series 區代表各項條目。
• graphs 區則是對應各項條目的值部分，xid 必須對應到屬於的條目。
• graph 部分，color 是長條的主色，gradient_fill_colors 則可以設定漸層色，由下到上。

= 長條圖設定 amcolumn_settings.xml =

設定檔部分僅說明較會常更換的值，完整的設值可參考 amcolumn 的 Help 或是網站範例內的各設定檔註解。

<settings><br />    <!-- 長條圖設為 column --><br />    <type>column</type><br />    <!-- 資料來源設為 xml --><br />    <data_type>xml</data_type><br />    <!-- 字體 、字大小、字顏色--><br />    <font>Tahoma</font><br />    <text_size></text_size><br />    <text_color></text_color><br />    <!-- 3D 長條圖立體的深度及斜度，兩者均不設就以 2D 呈現 --><br />    <depth>15</depth><br />    <angle>25</angle><br /><br />    <column><br />        <!-- 長條的寬度 --><br />        <width>30</width><br />        <!-- 當滑鼠移至該長條上顯示說明的格式 --><br />        <balloon_text><br />            <![CDATA[{series} : {value} 部]]><br />        </balloon_text><br />    </column><br /><br />    <background><br />        <!-- 整個圖表的背景色 --><br />        <color>#ffffff</color><br />        <!-- 背景色淡化值 --><br />        <alpha></alpha><br />    </background><br /><br />    <plot_area><br />        <!-- 長條圖部分的背景色 --><br />        <color>#FFFFFF</color><br />        <!-- 背景色淡化值 --><br />        <alpha>0</alpha><br />        <!-- 長條圖顯示在圖表中的開始及結束的範圍 --><br />        <margins><br />            <left>100</left><br />            <top>40</top><br />            <right>20</right><br />            <bottom>20</bottom><br />        </margins><br />    </plot_area><br /><br />    <!-- 長條圖格線相關設定 --><br />    <grid><br />        <!-- 條目部分 --><br />        <category><br />            <color>#000000</color><br />            <alpha>5</alpha><br />            <dashed>false</dashed><br />            <dash_length>5</dash_length><br />        </category><br />        <!-- 值部分 --><br />        <value><br />            <color>#000000</color><br />            <alpha>5</alpha><br />            <dashed>false</dashed><br />            <dash_length>5</dash_length><br />            <approx_count>10</approx_count><br />        </value><br />    </grid><br /><br />    <values><br />        <category><br />            <!-- 是否顯示條目 --><br />            <enabled>true</enabled><br />        </category><br />        <value><br />            <!-- 是否顯示值軸 --><br />            <enabled>true</enabled><br />            <!-- 值軸的單位 (如 % 等) --><br />            <unit></unit><br />            <!-- 單位顯示在值的哪一邊 right/left --><br />            <unit_position>right</unit_position><br />        </value><br />    </values><br />    <br />    <!-- 長條圖底線相關設定 --><br />    <axes><br />        <!-- 條目線 --><br />        <category><br />            <color>#000000</color><br />            <alpha>0</alpha><br />            <width>1</width><br />            <!-- 刻度標線長度 --><br />            <tick_length>7</tick_length><br />        </category><br />        <!-- 值線 --><br />        <value><br />            <color>#000000</color><br />            <alpha>5</alpha><br />            <width>2</width><br />            <!-- 刻度標線長度 --><br />            <tick_length>7</tick_length><br />        </value><br />    </axes><br /><br />    <!-- 條目說明相關設定 --><br />    <balloon><br />        <br />    </balloon><br /><br />    <labels><br />        <label><br />            <!-- 標題起始位置 --><br />            <x>100</x><br />            <y>40</y><br />            <!-- 標題對齋 --><br />            <align>center</align><br />            <!-- 標題字色、字大小、內容 --><br />            <text_color></text_color><br />            <text_size></text_size><br />            <text><br />                <![CDATA[<b>2007/09 三大遊樂器月銷售表</b>]]><br />            </text><br />        </label><br />    </labels><br /></settings>

= 使用圖表頁面 xxx.html =

撰寫呈現所需頁面，需要引用 swfobject.js，

<script type="text/javascript" src="swfobject.js"></script>

準備一個 div 供顯示圖表，再利用 swfobject 嵌入 amcolumn，

<!-- 區塊供顯示圖表 --><br /><div id="flashcontent1"><br />    <strong>You need to upgrade your Flash Player</strong><br /></div><br /><br /><script type="text/javascript"><br />    //各項參數分別為 swf, id, width, height, version, background-color<br />    var so = new SWFObject("amcolumn.swf", "amcolumn", "400", "400", "8", "#FFFFFF");<br /><br />    //amconumn.swf 路徑不包含檔名<br />    so.addVariable("path", "");<br /><br />    //設定檔路徑<br />    so.addVariable("settings_file", escape("amcolumn_settings.xml"));<br /><br />    //資料檔路徑<br />    so.addVariable("data_file", escape("amcolumn_data.xml"));<br />    so.addVariable("preloader_color", "#999999");<br /><br />    //輸出區塊的 id<br />    so.write("flashcontent1");<br /></script>

這樣就能顯示一張基本形的長條圖了，amcolumn 可顯示的變化很多，可多參考其所附的範例檔及嘗試。

http://rhinohorns.blogspot.com/2007/12/drop-shadow-paintnet-4.html Drop Shadow - 實用 Paint.NET 外掛 (4)

網頁或報告用圖形加上陰影是很尋常的繪圖效果，能讓該圖形成具有遠近的立體感。在 Paint.NET 中，我們就可以使用「Drop Shadow」這個外掛來加上陰影，此特效提供了五個項目可供調整，

• Offset X，陰影的橫向位移度，正數是往右。
• Offset Y，陰影的縱向位移度，正數是往下。
• Blur Radius，陰影的模糊程度，數字越大越糊。
• Shadow Color，陰影的顏色。
• Keep original image，是否保留原圖，不鉤選只留下陰影。

效果如下圖所示，左手邊是原圖，右手邊是加上陰影效果後。

安裝此外掛的方式，將 .dll 檔放入 Paint.NET 安裝目錄下的 \Effects 中，即能在功能列「Effects」中選用「Drop Shadow」。

如：C:\Program Files\Paint.NET\Effects

http://rhinohorns.blogspot.com/2007/12/antialias-paintnet-3.html Antialias - 實用 Paint.NET 外掛 (3)

去背照片時留下的圖形難免會產生失真的鋸齒邊，如果使用 Paint.NET 做為繪圖軟體時，「Antialias」這個外掛就可以拿來嘗試柔化鋸齒邊讓圖形看起來會平滑一些。這個外掛有三項數據可以調整，

• Amount，柔化的厚度，可以想像成在該選定圖形上加多大的邊寬。
• Strength，柔化的强度，數字越小會呈現光暈的效果。
• Soft Outline ，是否加上一層半透明的外框線。

實際拿一張照片來當範例，這張兵馬俑原本是利用藍幕當背影拍攝出來的，經過去背加上白底可以看出有無使用 Antialias 的效果，下圖左邊是原去背後，右邊則為效果後，點擊放大會看得比較清楚一點。

安裝此外掛的方式，將 .dll 檔放入 Paint.NET 安裝目錄下的 \Effects 中，即能在功能列「Effects」中選用「Antialias」。

如：C:\Program Files\Paint.NET\Effects

http://rhinohorns.blogspot.com/2007/12/revoltech-expo.html Revoltech EXPO '07

海洋堂 Revoltech 是個人滿喜歡的玩偶系列之一，絕大部分的款示都採用了獨特設計的「關結連具」，如右圖所示，可以讓玩偶在更換動作上更多變並且穩固。擺設時不會像其它有些可動玩偶不是動作很死板，就是有些動作「折」得出來但是卻不能擺放，時間久了動作會變形或是人偶倒掉。

以消費者的觀點來看，除了塗裝、原形設計都在水準之上外，最吸引人的要素乃是此系列關結的切點及角度加上一些小附件的配合，讓擺出的動作都深具「魄力」，抓住了可動人偶迷的味口之一 ，即是「瞬間的動作畫面」，就像駭客任務為何躲個子彈需要使用超慢動作般相同的道理。

十一月底剛舉辦了 Revoltech EXPO '07 ，陳列了十二月至 2008 年上半年預計會推出的人偶款示，除了本來就會陸續出的機器人系列及一些動漫女性角色人物外，「北斗神拳」系列算是一個嶄新的嘗試，服裝肌肉的精緻度、動作是否符合原著 和 同一人偶不同動作的帥勁會否走味屆時成品販售時就知分曉。

下列照片來自 GA Graphic，其餘大量照片可至 GA 的 Revoltech EXPO '07 特集 瀏覽。

下面這張北斗神拳系列的不知我有無看錯，好像是被打到爆掉的限制級 = =。