PlaneGeometry behaving weird

Questions
, ,
1

Hello,

I created a PlaneGeometry and set new positions for the vertices.

var plane = new THREE.PlaneGeometry(1000, 600);
const scale=1;
const vectorPoints = this.vertices.map(({ x, y }: any) => {
    return new THREE.Vector3(x / scale, height - y / scale, 0);
})

plane.vertices = vectorPoints;

So when i tried to map a texture onto it, i got this weird behaviour ( see image). Somehow the edge of the image is not a straight line/edge anymore. What can cause this behaviour. I tried to update the vertices (plane.vertices.needUpdate=true), but that didn`t help ;(

image
image823×375 46.5 KB

2

Depending on how you modify the plane’s vertices, the existing texture coordinates are not appropriate anymore. So you it might be necessary to update them in your routine, too.