Graphic GameObject - Dashed Line

[201flaviosilva]

Hey there,

Does anyone know if there is any simple way to draw a dashed line in a Phaser.GameObjects.Graphics?

• Here is my project (no dashed) (in Phaser);
• Here is a canvas example (in canvas, there is setLineDash function to this effect :))

(Thanks any help :))

[Wintermilch]

I have solved it this way:
distance is the distance dragged with the mouse and normalizedDirection is just the direction the mouse is moving but normalized.
But you can set these values however you want.
`
let stepSize = 25;
let stepAmount = 15;

    let startX = player.x;
    let startY = player.y;
    
    
    for (let i = 0; i < stepAmount; i++) {
        //stepSize = distance / 30;
        stepAmount = Math.ceil(distance / 30);

        this.graphics.lineStyle(3, 0x000, 1);
        if (i % 2 === 0) this.graphics.lineStyle(3, 0x000, 0);


        const targetX = startX - normalizedDirection.x * stepSize;
        const targetY = startY - normalizedDirection.y * stepSize;

        this.graphics.lineBetween(startX, startY, targetX, targetY);

        startX = targetX;
        startY = targetY;
    }`

[201flaviosilva]

Yes, I used this solution more or less too, but I was hoping there would be a more "simpler" solution, but thanks anyway 😅