2022 年 8月 3 日随笔档案 - yulingjia

2022年8月3日

摘要： 1.重点代码 // 3. 添加物体 // 环境贴图与映射贴图 // 设置cub加载管理器 const cubeTextureLoader = new THREE.CubeTextureLoader() const envMapTexture = cubeTextureLoader.load([ re 阅读全文

posted @ 2022-08-03 16:19 yulingjia 阅读(293) 评论(0) 推荐(0)

WebGL进阶（5）纹理加载进度情况

摘要： 1. 重点代码 // 设置加载管理器 let event = {} event.onLoad = () => { console.log('图片加载完成') } event.onProgress = (texture, num, total) => { console.log('图片:' + tex 阅读全文

posted @ 2022-08-03 15:38 yulingjia 阅读(129) 评论(0) 推荐(0)

WebGL进阶（4）标准网格材质

摘要： 1.重点代码 // 使用MeshStandardMaterial标准网格材质后需要设置灯光 // 环境光 const light = new THREE.AmbientLight(0xffffff, 0.5) this.scene.add(light) // 直线光源 const directio 阅读全文

posted @ 2022-08-03 14:39 yulingjia 阅读(144) 评论(0) 推荐(0)

WebGL进阶（3）环境遮挡图与强度

摘要： const texture = new THREE.TextureLoader().load(require('../assets/images/wenli2.jpg')) const texture_s = new THREE.TextureLoader().load(require('../as 阅读全文

posted @ 2022-08-03 14:21 yulingjia 阅读(98) 评论(0) 推荐(0)

WebGL进阶（2）纹理属性及透明纹理

摘要： 1. 重点代码 (1) （2） (3) // 3. 添加物体 // (1) 导入纹理图片 // const texture = new THREE.TextureLoader().load(require('../assets/images/wenli2.jpg')) // 添加纹理属性 // 设置阅读全文

posted @ 2022-08-03 11:20 yulingjia 阅读(379) 评论(0) 推荐(0)

公告