UV map difference between Plane and Shape geometry

Questions
, ,
1

When I apply a texture to a plane, it appears correctly.
image

However, when i create a plane using shape and ShapeGeometry, the position and scale of the texture is incorrect
image

It appears the UV maps are different.

Is this expected? or is this a bug?

Here’s the code on how to repeat three-shape-texture-issue - CodeSandbox

2

I found this reply in another post and it appears to fix the problem.

Can be added to the end of ShapeGeometry constructor?

3

Try with a shape with (0,0) at its lower left corner. This should set the texture mapping the way you want.

ctx.moveTo(0, height);
ctx.lineTo(width, height);
ctx.lineTo(width, 0);
ctx.lineTo(0, 0);