three 材质

在这里插入图片描述
在这里插入图片描述

1、首先需要一个材质图片
2、写材质

 // 加载纹理
            var textureLoader = new THREE.TextureLoader();
            // 执行load方法,加载纹理贴图成功后,返回一个纹理对象Texture
            var texture = textureLoader.load('./yellow.jpeg')

3、把texture 放到MeshBasicMaterial里边 写一个参数

     var material = new THREE.MeshBasicMaterial({
                map: texture,//设置纹理
                color: color,
                //定义此材质是否透明。这对渲染有影响,因为透明对象需要特殊处理,并在非透明对象之后渲染。设置为true时,通过设置材质的opacity属性来控制材质透明的程度。默认值为false。
                transparent: false,
                //是否在渲染此材质时启用深度测试。默认为 true
                depthTest: false,
                depthWrite: false,
                side: THREE.DoubleSide  //两面可见
            });

4、加载纯色的材质没问题,加载图案还得调整

猜你喜欢

转载自blog.csdn.net/qq_48203828/article/details/120055973