Threejs开发笔记之十纹理

什么是纹理
纹理就是为网格上每个像素指定颜色

基本纹理使用

function createMesh(geom, imageFile) {
var texture = THREE.ImageUtils.loadTexture("../assets/textures/general/" + imageFile);
var mat = new THREE.MeshPhongMaterial();
mat.map = texture;

var mesh = new THREE.Mesh(geom, mat);
return mesh;
}

var polyhedron = createMesh(new THREE.IcosahedronGeometry(5, 0), "metal-rust.jpg");

凹凸贴图

 function createMesh(geom, imageFile, bump) {
var texture = THREE.ImageUtils.loadTexture("../assets/textures/general/" + imageFile);
geom.computeVertexNormals();
var mat = new THREE.MeshPhongMaterial();
mat.map = texture;

if (bump) {
      var bump = THREE.ImageUtils.loadTexture("../assets/textures/general/" + bump);
       mat.bumpMap = bump;
       mat.bumpScale = 0.2;
       console.log('d');
}


            // create a multimaterial
            var mesh = new THREE.Mesh(geom, mat);

            return mesh;
}

光照贴图制造阴影效果

环境贴图制造反光效果

高光贴图

UV定制指定贴图

画布纹理

视频纹理