大神?!?!

最近大概因為大神出了的關係吧,它那種水墨畫風格的演算法又再度被討論起來~想來想去都覺得我之前的想法有問題,所以經過老哥和同事給的意見之後,決定試試另一種方式來挑戰~

簡單來說就是先render出model的外框,在對它做一些後置和顏色上的調合,效果就出來嚕~ ^^

呵呵,自己也沒想到效果還真的滿像的說^^;如果再多下點功夫的話,一定會有更多意想不到的效果出現吧~ ^^
　 　
結果就是這樣囉~如何?像不像大神呢?^^

有的沒的~^^

這些都是每天別人給的或自己找到的一些有的沒的影片阿等等之類的~在這給大家笑一笑吧^^

http://lukwama.com/e32006/3fight.swf
今年的E3大對抗~呵呵

http://www.youtube.com/watch?v=dsw-KSiO0VE&search=transformers
聖鬥士+變型金鋼嗎...真有你的-_-...

http://www.gametrailers.com/umwatcher.php?id=2366
FFXIII...!!!!!!

http://video.google.com/videosearch?q=bakuten
日本有名的HardGay(HG)懂日文的話一定笑死你~ XD

http://blog.xuite.net/cwlin/iloveheikko/6104607
惡搞魔術師 ^^;

http://www.youtube.com/watch?v=9wlmx8qQHiA&eurl=http%3A%2F%2Fwww%2Efazed%2Eorg%2Fvideo%2F%3Fid%3D275
好酷的表演耶~

http://www.gametrailers.com/player.php?type=mov&id=10179
戰神2的影片耶~贊啦
Model是這傢伙的作品喔,在此再幫他打個廣告囉~

http://youtube.com/watch?v=5ynp8izBqeM&search=Darth%20Vader
日本警察vs黑武士~哈哈哈

http://youtube.com/watch?v=TKzYLUkEjvY
小丸子真人版的開頭曲...還是卡通好笑...真的..

http://www.wretch.cc/blog/xen&article_id=1948270
惡搞的blog~真kuso-_-

http://game.coden.ntt.com/contest/work/29/29.html
滿有創意的小遊戲耶~

http://fun.bowmans.com/poker/
Poker...玩了不要後悔...

http://www.videovat.com/videos/1193/ak47-home-shopping-network-skit.aspx
竟然電視購物賣這種的@_@

http://www.youtube.com/w/Memoirs-of-a-Geisha--Mad-TV?v=_AQvqsZFgDY&search=mad20tv
藝妓回億錄惡搞版-_-

http://home.so-net.net.tw/pinkba/mystery/mystery.htm
有趣的自制影片

http://blog.xuite.net/allpass97/share/5761505?st=c&w=24277&re=list&p=1
玩個遊戲怎麼這麼誇張@_@

http://video.google.com/videoplay?docid=-7184420933710108270
被禁的MasterCard廣告..呵呵

http://blog.onlyone.idv.tw/article.asp?id=656
道盡資訊科系學生無奈的一首歌

倒楣日@_@;

其實這是事發生在好幾個星期前了,但是一直沒有照照片,所以又拖拖拖得拖到現在才寫,我還真不是普通的懶^^;

話說我有個裝滿"珍藏"的外接式硬碟(男人應該都知道我在說什麼..呵呵)有一天要拿來複習的時候,突然我的電腦認不出它來了!_!一直說什麼無法辨認的裝置什麼的.怎麼試也沒法度,只好上班的時候問問同事."喔,可能是外接盒壞了,換一個試試看吧~"有個同事這樣說.好吧,就試試吧.於是和另一個同事借了他的外接盒,沒想到電源才一插上去,就聞到有人在吵菜的味道...恩,不對,是燒焦味!!一看那個外接盒的尾端已經在冒煙了...
怎麼會這樣>_<;會不會是用錯電源線阿,還不知道厲害的我又和同事借了另一個外接盒...結果當然還是燒掉了@_@

天阿,怎麼這麼衰,自己硬碟燒壞就算了,還燒壞別人2個外接盒,更難過的是我的"珍藏"阿(男人應該都能瞭解這種心情)不過好家在的是,我的硬碟和盒子都還在保固期內,所以還有的救,不過還是得賠人家的2個外接盒.嗚嗚嗚...最後當然只好買2個新的外接盒賠人家囉~自從那天之後,我就不太信任外接盒了><;誰知道哪天又會給我亂燒錢!所以好孩子要常常記得背份喔@_@;
　 　
左邊是我的寶貝硬碟,右邊是害我賠錢的外接盒@@~

HLSL Glow

Glow這個濾鏡處理,現在幾乎每個遊戲都會用到,大概大家都很喜歡那種矇矓的感覺吧~這次的demo裡面,我的做法算簡單,首先先將算好Specular的scene存到一張貼圖中,接下來就用這張貼圖做Glow的處理囉.

為了做那種糊糊的感覺,我先將貼圖的尺寸縮小,這樣不但減輕shader的負擔也可以造成基本糊的效果^^有了這張縮小圖,這次再讓它自己乘自己來將亮暗的效果突顯出來.最後再套上高斯的水平和垂直blur,糊糊的一張Glow貼圖就算完成囉.最後再和一開始render的scene貼圖加在一起,就可以看出效果啦^_^
　 　
結果就是這樣囉~

NPR效果<改>!

什麼!?又是NPR(non-photorealistic rendering也就是非寫實演算法啦!)阿...是阿是阿,但是這次的比較有趣囉.這次NPR的重點在於顏色的變型效果(color distortion).算出來結果很不錯看喔~

這次的demo也是後置處理,所以將Scene color輸出到一張貼圖上已經是必要的啦~不一樣的是,為了運用新的邊線運算法,除了輸出color之外,還需要另外輸出一張以normal和depth的貼圖才行.所以我把normal當做rgb,depth當做a輸出成貼圖.接下來要做的,就是用這2張來做後置處理.

處理一~~Color Distortion:
運用這種方法來讓顏色變型以達到類似像手繪的感覺.做法是:
1.先將輸出的Scene縮小成小張的貼圖,是為了故意讓顏色變粗糙.
2.接著,將RGB轉換成HSV的格式,轉法是用2張volume texture當做lookup table來做轉換.
3.在對應pixel的附近取2個樣品位置,那2點的位置則是要根據另2張特別的貼圖來做取樣
　 　
取樣的貼圖~
4.比較取樣結果的差異,在差異值大到一個程序時,我們便取2點S和V(HSV格式)的平均值.
5.最後再將結果轉回RGB就ok囉
　 　
處理前和處理後~

處理二~~Edge Detection:
和以往不同的是這次邊線是以pixel之間normal和深度depth來做比較;當normal之間的角度大到一定程度時,就判定它為邊線,depth則是以深度的差異來當做判斷邊線的依據,找出來的結果如下~連內邊線都有,真是贊啦^_^)b

邊線結果~
最後,將所有的貼圖結合成一張,就算大至完成囉~
　 　
Color Distortion + Edge Detection + Hatching~
這個demo我覺得最新鮮的地方,就是color distortion的部份了,不知道如果在貼圖上動些手角會有什麼不同的效果^^值得注意的是,我試著將toon rendering也以RGB轉HSV的方式來改造,果然有很棒的效果,因為轉HSV之後,H我可以不改變它,使它保持原有的色調,所以HSV調出來的toon看起來更加柔和也不會像以往的toon那樣暗暗髒髒的感覺~比較看看吧^_^
　 　
左圖是RGB算法,右邊是HSV的方式,你覺得呢?^^

Ambient Occlusion

Ambient Occlusion(以下簡稱AO),是指一個表面上的點在環境光的照射下,被遮掩的成度.這個方式可以在物件表面上產生一個柔和的陰影來更加強調該物件的真實感和燈光的效果.這個demo我分別用了軟體和硬體2種方法還試做,做的方式如下~

Hemispherical visibility test:
如下圖所示,這個做法是以物件表面的一點P為出發點,在該點的法向量N(Normal)範圍的半圓來對外發射很多的假想射線(rays).我們將這些ray是否有接觸到其他面的數據來統計該點的受光程度,越多ray被阻檔的點,它受光的程度就越低.最後再將這每個點的數據儲存在vertex color裡面來使用.



我用了上面的方法,以每個vertex取512個ray來做參考數據,因為是用軟體來算的關係,速度上可以說相當慢@_@;但是算出來的效果確很不錯喔.最後render的結果如下(可以點選來看原尺寸的圖喔^^)~

　 　

Depth Map Based Ambient Occlusion Lighting:
如下圖所示,第2種方式是用充滿的燈光將物件包圍,從每一個燈光的視角來對物件來生成一張Shadow Map,再以這張Shadow Map當貼圖,以原攝影機的角度來做深度的比較.因為每個燈光的位置都不一樣,所以Shadow Map的比較就和第1種方式的Hemispherical visibility test是差不多的意思.經過所有燈光的Shadow Map的比較之後,就能清楚的了解到每個vertex的受光程度,進而將所有比較的結果以vertex貼圖軸為輸出位置來輸出到一張AO的貼圖.之後只要用這張AO貼圖便可render出結果^^



下圖是用了第2種演算法所得到的結果,由於有了硬體的支援,速度上比第1種要快得太多囉(算一張512x512的AO貼圖只需要幾秒的時間).值得注意的是女神像這張有一些artifacts,會這樣的原因是因為它有些vertex有重覆normal的關係(即使只算diffuse lighting也可以看到那些線),這個問題就沒有出現在羊頭身上,所以使用這種方式,對model的規格也是要注意的

　 　
女神像的render結果,注意到artifacts了嗎?
　 　
羊頭~

算出來的AO貼圖大約是這樣子~

Depth Map的算法雖然比Hemispherical visibility test的方式要快上許多,可是仍沒辦法做到real time rendering那樣的程度,現在GPU Gems2已經有另一種可以做到Dynamic AO的方式,所以Depth Map和Hemispherical visibility test已經算是過去式囉~@_@;改天再來好好看看dynamic AO的方法吧^_^;

香港遊~

3月17號的時候因為xxx原因( 國家級機密^^; )所以必須走一趟香港.恩?3月,現在都4月了耶.沒錯,我就是懶啦.真懶得整理這些照片阿什麼的.可是如果不做的話,到5月可能就記憶消失好像沒去過一樣@_@所以,又臭又長的3天2夜的香港之旅,開寫囉~

這也算我第一次自己的自助旅行吧,所以說實在的第一天滿緊張的.雖然說以前有跟家人一起來過,但是腦子裡確完全沒有香港的記憶耶...^^;就這樣和我女朋友2人忐忑不安的出發囉.到了香港機場,小小放心了一下,因為這邊大部份的人說國語都還聽得懂耶~我們買了"八達通"( 類似這邊的悠遊卡,只是我們買得是3天的那種 )就坐旅館接泊車到達第一站--日航酒店!

這是旅館的外觀~5星級的喔!!

放下行裡整裡一下也差不多2點多了,我們挑了一家日本料理店( 還不錯吃喔,價格也便宜~ )吃飽後,就出發到第2站--山頂凌霄閣!要去山頂,當然是要坐他們的覽車上去才有意思,果然以前來的記憶一點鬼用都沒有,出了捷運就完全不知道自己在哪了@_@.還好在好心人們的幫助下,我們到了覽車搭乘處

覽車長這樣~

爬這個上去,聽說有45度那麼陡喔~

延路的景色...可惜天氣不好(*'3')/

到拉!凌霄閣...喵的ㄌㄟ,給我在整修(T_T)真是衰小,算囉,來都來了,就逛逛在旁邊的購物中心,結果發現了這傢伙~

逛完山頂,也差不多快晚上了,所以我們打算到香港一處有名的夜店街--蘭桂坊瞧瞧,但是該發生的果然還是發生了~是的!我們迷路囉@_@;在不知道走到哪裡的情況下,只好先跑回捷運站再重新出發^^;果然皇天不負迷路人~我們找到蘭桂坊啦!這個地方可不只是夜店街,還滿滿的都外國人喔!也算是一種奇觀吧

蘭桂坊一景

香港招排真是多的亂七八糟^^;

累了一天,回到旅館才發現幾個有趣的事~我們的雙人床怎麼是2張單人床合併^^;

還我雙人床!!

5星...

下面那一鍾是啥阿...不敢碰因為怕要收錢^^;在日本已經挑戰過這種事囉...不要碰為妙!礦泉水是免費的啦,還好~

3月18號~因為前一天迷路,所以腿跟本就走不動了,所以我們改變做戰,改為輕鬆治療之旅.所以就這樣一睡到中午(笑)而且中午還要去吃吃到爽的buffet~所以在吃飯前我們到位於尖沙嘴的彌敦道去逛街.彌敦道也和一般地方沒2樣,只是路的2邊都是賣東西的就是了.到了這我才發現,不只台灣空氣差,香港的也好不到哪去@_@真的,超毒的...又一堆公車...香港人阿,你們都聞不到嗎!!

彌敦道就這樣囉~

還有這樣囉~

公車真是爆多的...^^;

路邊的死小孩~~閃啦~

人家說來香港不坐坐這種出等於是沒來.所以...我們這次算沒來吧(笑)

吃飽飯後,回旅館小睡了一下(都說是治療之旅了)下午來到了位於香港的半山區電動樓梯,聽說做這個電動樓梯可以一路到當地的山頂上喔.可是!!!回程可沒有什麼鬼電梯可以用喔,得用走的回來.為了不想爬著回旅館,所以我們坐了幾站意思一下便溜囉~


電梯景觀~

傍晚我們趕著去天星碼頭搭渡輪,一路上發現了這些大樓,好像很厲害所以也拍下來囉


第2張好像是匯豐銀行吧~

香港的奇景之一~一到週末,港口附近就會坐滿這些外籍勞工,真的是坐滿喔多得嚇人,聽說他們也是週休2日,所以到週末不會留在顧主那所以全集中在這裡聊天什麼的

作渡輪的海上景色,這裡算漂亮啦^^

船上長這樣喔~


渡輪的外觀...給我用好一點的油啦!!柴油臭死啦

比較想坐這個...

到囉~天星碼頭,星光大道就在附近囉!

晚上在天星碼頭吃完東西後差不多20:00了聽這時在港口往香港島那邊看會有雷射表演喔!所以我們滿懷期待得在那邊等.可是^^;夢想跟現實還是有差距的,這個雷射秀說實在的滿無聊的,又沒音樂,感覺像2邊打打信號燈那樣的感覺^^;就這樣,我們去逛星光大道了~星光大道晚上雖然人很多可是燈確不多^^;感覺沒星光阿~不過也還好啦,就這樣晃完後,我們就回去睡覺了~

夜景是不錯啦~

星光大道,觀光客真多~有安全感多了^^

虧你還練功夫的...手這麼小@_@

3月19號,最後一天啦,為了怕趕不上飛機,所以不敢跑太遠的地方.早上在附近吃了一頓港式早餐(原本要吃飲茶的說,可是他們好像星期日很晚才開門,所以就這樣錯過囉)吃飽後我們就到位於九龍半島的女人街去走走..

我真的很想知道A餐是吃什麼鬼...

女人街!我們算是來早了吧,到的時候還有些店才正要開張呢

喔,這個是重點囉,雖然忘了這家店叫什麼名字,不過他們的飲品都很好吃喔~左邊的是芒果冰加小湯圓,右邊那個是西瓜汁配蜂蜜還有一些料,那4個紅球是西瓜喔!真是好喝^_^台灣應該要引進才對~

到底是出來玩還是來受罪阿...再也不搞這種自虐旅遊了!

終於準備要回家啦~逛完女人街和附近的地方後,我們就回到旅館拿寄放的行裡準備去機場~但是時間還早,我們就在附近亂晃,這時發現了這2個美食喔~左手那個是咖哩魚蛋~右手的比較特別,那是雞蛋糕~沒錯,和我們一般吃的很不一樣耶,它是烤得脆脆的而裡面是中空的,味道還真不錯說~^^

呼阿~終於寫完了,總結來說,香港其實和台灣還滿像的,糟糕的空氣,髒髒的街道(笑)以後應該不會再來旅遊了吧=P(過境不算啦)而且我以後再也不要這種跑斷腿的旅遊啦~明明是出來玩竟然比上班還累^^;以後還是多考慮渡假行勢的旅遊比較好!

HLSL 柔邊 Shadow Map

因為這個demo的關係,我才發現原來我的顯示卡並不支援浮點貼圖@_@;( 死GForceFX5900XT,虧我這麼信任你!!! ) 在這個demo中,我是先以燈光的視角來輸出一張只有場景深度的Shadow Map( 用的是D3DFMT_R32F的格式來確保深度資料不流失...GForceFX5900XT不支援這種格式..該死(\_/)q )完成了之後,再以這張Shadow Map當貼圖,以原攝影機的角度來做深度的比較,找出哪個地方是應該在影子底下的.做完了深度比較後,再將結果的貼圖經過Blur的處理,柔邊影子就出爐囉~

Shadow Map的好處就是容易處理,但缺點呢~就是不太適合點光源,而且會因為深度精準的差異而造成render出一些怪怪的影子結果^^;但比起Shadow Volume,我還是比較喜歡Shadow Map啦~

　 　

　 　

Normal Map + Specular Map

這也是去年做的東西吧,在做完 HLSL 卡通效果之後,想說自己對燈光的了解並沒有說很深入,所以便試著做一些基本的燈光效果,順便仔細了解一下Diffuse,Ambient,和Specular之間的差異.一般燈光都只對per vertex來處理,所以效果也顯得有限,所以ㄌㄟ,為了不錯過運用shader的好機會,我便順便研究一下per pixel lighting 的做法.說到per pixel lighting, 當然是要試試normal map囉.其實normal map並不是很難,最重要的是要懂得tangent的意義和取法,只要懂得如何算tangent,那就算完成一半囉~ ^_*

下面的圖是我用了normal map搭配上一張specular map來加強specular的效果,感覺上還不錯啦XD現在在用這種技術的已經到處都是囉~
P.S. 喔,這隻怪羊頭也是老哥Louis的作品,在此再幫他打個廣告囉~