加載和使用紋理需要了解以下幾個方面：在Three.js里加載紋理并應用到網(wǎng)格上；使用凹凸貼圖和法線貼圖為網(wǎng)格添加深度和細節(jié)；使用光照貼圖創(chuàng)建假陰影；使用環(huán)境貼圖在材質(zhì)上添加反光細節(jié)；使用光亮貼圖，讓網(wǎng)格的某些部分變得“閃亮”；通過修改網(wǎng)格的UV貼圖，對貼圖進行微調(diào)；將HTML5畫布和視頻元素作為紋理輸入。本章節(jié)將會從以上幾方面來了解紋理的使用。
1.使用凹凸貼圖創(chuàng)建皺紋
之前我們學習了THREE.MeshPhongMaterial對象的map屬性，知道它用來設置外部資源作為材質(zhì)的紋理。這里再介紹它的bumpMap屬性，用來實現(xiàn)凹凸貼圖效果。代碼和創(chuàng)建不同紋理一樣，僅僅多個bumpMap屬性的設置。代碼如下：
function createMesh(geom, imageFile, bump){ var texture = THREE.ImageUtils.loadTexture("../assets/textures/general/" + imageFile); var material = new THREE.MeshPhongMaterial({
map: texture
}); if(bump){ var bumpTex = THREE.ImageUtils.loadTexture("../assets/textures/general/" + bump);
material.bumpMap = bumpTex;
} var mesh = new THREE.Mesh(geom, material); &
延伸閱讀
- ssh框架
2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖
2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】
2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞
2017-07-26
- 從棧不平衡問題 理解 calling convention
2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解
2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析
2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二)
2017-07-26
學習是年輕人改變自己的最好方式