Threejs开发笔记之十纹理

最新推荐文章于 2024-03-26 13:13:49 发布

weixin_30747253

最新推荐文章于 2024-03-26 13:13:49 发布

阅读量123

点赞数

原文链接：http://www.cnblogs.com/kevinyau/p/11084422.html

版权

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

基本纹理使用

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;
}