three模型贴图

2022-06-24 19:03:44 阅读：196 来源： 互联网

1、给three模型贴图，例子：展示一个太阳在宇宙中心

2、思路：在添加模型的时候给模型贴上图片

创建贴图

            //贴图
            let textureLoader = new THREE.TextureLoader();
            let road = require("./assets/004.jpg");
            let texture = textureLoader.load(road);
            texture.wrapS = THREE.RepeatWrapping;
            texture.wrapT = THREE.RepeatWrapping;
            //设置贴图重复比例;
            texture.repeat.set(2, 2);

插入材质

            //材质对象Material
            let planeMat = new THREE.MeshBasicMaterial({
                map: texture, // 设置纹理贴图
                side: THREE.DoubleSide,
            });

跟模型一起加入场景

            let scene = new THREE.Scene();
            //创建平板
            let planeGeo = new THREE.PlaneGeometry(1000, 1000, 10, 10);
            let planeMesh = new THREE.Mesh(planeGeo, planeMat);
            scene.add(planeMesh);

3、实例：

标签：贴图,模型,three,texture,THREE,let,new
来源： https://www.cnblogs.com/lovewhatIlove/p/16409966.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

three模型贴图