TWaver3D特效之高光反射

       前篇我們介紹了TWaver 3D的環境映射特效,下面我們接着給大家分享高光反射特效。

 
       高光反射定義了物體上的某一區域比其他地方更反光。在高光反射的貼圖中,黑色區域的反射率爲0(完全不反光),白色區域的反射率爲100%(完全反光)。這在現實的生活中,也是隨處可見,比如一個生鏽的物體用低光,而一個拋光的金屬應該用高強光;手錶上的錶盤比錶帶應該更反光;人的嘴脣應該比皮膚有更強的高光,而皮膚應該比純棉衣服更反光。加上了這種高光效果後,會是3D物體更加真實,更加生動。


      接下來我們就來講解一下如何在一個模型中使用高光反射,比如我們需要創建一個大樓的建築物。一個cube貼上建築物的貼圖就可以模擬了。我們準備了一張玻璃的貼圖:
building4
創建建築物代碼如下:

var node = new mono.Cube(1000,3000,1000);
node.setStyle('m.texture.image','./images/building.jpg');
node.setStyle('m.texture.repeat',new mono.Vec3(2,4));

接下來我們要準備一張高光的貼圖,這張貼圖上定義了哪些部分需要反射高強光,哪些部分的光照需要弱一些。
building3-spe
代碼設置如下:

//設置需要反射的光照顏色,如果是夕陽可以設置爲紅色。
node.setStyle('m.specular','white');
//設置高光貼圖
node.setStyle('m.specularmap.image','./images/specularmap.jpg');

然後再加上光照和skybox效果如下:
building

發佈了111 篇原創文章 · 獲贊 24 · 訪問量 26萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章