three 材质

最新推荐文章于 2024-09-03 20:00:00 发布

战斗中的老段

最新推荐文章于 2024-09-03 20:00:00 发布

阅读量200

点赞数

分类专栏： mapbox+three 文章标签：材质 three.js mapbox

本文链接：https://blog.csdn.net/qq_48203828/article/details/120055973

版权

mapbox+three 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

在这里插入图片描述

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、加载纯色的材质没问题，加载图案还得调整