concave body fixed texture

[ezshine]

Hello , I'm create a concave body like Tetris "L"

var tetris=Vertices.fromPath('0 60 40 60 40 40 20 40 20 0 0 0');
var compoundBodyB = Matter.Bodies.fromVertices(0, 0, tetris,{render:{sprite:{texture:"images/test.png"}}});

the texture has some problem.

and the position it's not at (0,0) , how can i fixed these issue?

thanks so much~

[ezshine]

the texture size is width:40px height:60px

[liabru]

I think the problem here might be the same as in #153, so please now refer to that thread, thanks.

[Nilbristi]

I am facing texture repetition issue while using fromVertices. Any solution? Check the attached screenshot.

var customTrey = Vertices.fromPath('0 0 0 20 152 20 152 0 150 0 150 18 2 18 2 0 0 0');
 var trey = Bodies.fromVertices(1080, 385, customTrey, getOptions('images/trey.png', true, false), true, 0.01, 30);

function getOptions(sprite = '', static = false, sensor = false) {
    var options = {
        isSensor: sensor,
        isStatic: static,
        density: 0.1,
        frictionAir: 0.001,
        restitution: 0,
        friction: 0,
        // id: 420,
        render: {
            fillStyle: 'none',
            sprite: {
                texture: sprite,
                xScale: 1,
                yScale: 1
            }
        }
    }
    return options;
};

Here is the sprite image: