贴图不重复

function _createFloor() {
const loader = new THREE.TextureLoader();
const texture = loader.load("/img/muwen.png");
const geometry = new THREE.BoxGeometry(10, 0.1, 10);
const material = new THREE.MeshBasicMaterial({ map: texture });
const object = new THREE.Mesh(geometry, material);
object.position.set(0, -0.5, 0);
scene.value?.add(object);
}
贴图重复
function loadTextureRepeat(path: string) {
const loader = new THREE.TextureLoader();
let texture = loader.load(path);
texture.magFilter = THREE.NearestFilter;
texture.wrapS = THREE.RepeatWrapping;
texture.wrapT = THREE.RepeatWrapping;
texture.repeat.set(13, 10);
return texture;
}
function _createFloor() {
const geometry = new THREE.BoxGeometry(13, 0.1, 10);
const material = new THREE.MeshBasicMaterial({
map: loadTextureRepeat("/img/木纹.png"),
color: "#f0f0f0"
});
const object = new THREE.Mesh(geometry, material);
object.position.set(0, -0.5, 0);
scene.value?.add(object);
}