两种原因:
第一种:导入的方式不对

// 导入纹理
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);
Logo

前往低代码交流专区

更多推荐