Three TextureLoader纹理贴图不显示图片(显示黑色)的原因分析
基于vue 导入图片 需要改成。第一种:导入的方式不对。第二种:物体材质不对。
·
两种原因:
第一种:导入的方式不对
// 导入纹理
const textureLoader = new THREE.TextureLoader();
const doorColorTexture = textureLoader.load("./imgs/wenli2.jpeg");
// 在场景中添加物体
const cubeGeometry = new THREE.BoxBufferGeometry(1, 1, 1);
// 材质
const basicMaterial = new THREE.MeshBasicMaterial({
color: "#ffff00",
map: doorColorTexture,
});
const cube = new THREE.Mesh(cubeGeometry, basicMaterial);
scene.add(cube);
基于vue 导入图片 需要改成
const doorColorTexture = textureLoader.load(require("./imgs/wenli2.jpeg"));
第二种:物体材质不对
var geometry = new THREE.PlaneGeometry(204, 102);
更多推荐
已为社区贡献2条内容
所有评论(0)