Three.js開發指南(10):載入和使用紋理

CopperDong發表於2018-04-22

    將紋理應用到網格上

10.1 在材質中使用紋理

       紋理有幾種不同的用法,可以用它們來定義網格的顏色,也可以用它們來定義高光、凹凸和反光。但我們首先要看的是最基礎的方法,用紋理為網格上的每個畫素指定顏色。

       載入紋理並應用到網格:紋理最基礎的用法是在材質上設定貼圖。幾乎所有圖片都可以當作紋理來使用。但是為了達到最佳效果,最好使用正方形的圖片,其長寬大小是2的次方。例如大小為256x256、512x512、1024x2014的圖片最合適。由於紋理需要放大和縮小,所以紋理上的畫素通常不會一對一地對映成面上的畫素。

       可以使用mipmap,一組紋理圖片,每個圖片的尺寸都是前一張圖片的一半。這些圖片是在載入紋理時建立的,可以生成比較光滑的過濾效果。

       使用凹凸貼圖建立皺紋:凹凸貼圖的目的是為材質增加厚度

       使用法向貼圖建立更加細緻的凹凸和皺紋:使用法向貼圖你只需用很少的頂點和麵,就可以建立出細節非常豐富的模型。

       使用光照貼圖建立假陰影:預先渲染好的陰影,可以用它來模擬真實的陰影。只對靜態場景有效。

       用環境貼圖建立虛假的反光效果:計算環境反光非常耗費CPU,而且通常會使用光線追蹤演算法。

       高光貼圖:你可以為材質指定一個閃亮的、色彩明快的貼圖

10.2 紋理的高階用途

       定製UV對映:通過UV對映你可以指定紋理的哪一部分顯示在物體表面上。

       在畫布上繪製圖案並作為紋理:用畫布作紋理,使用literally庫建立一個互動式的畫布。

       用視訊輸出作為紋理


相關文章