Setting the color and width of a Phaser Line

[Mario]

How can I set the color of a Phaser Line?

var line = new Phaser.Line(0, 0, 100, 100);

I did not find any info how to change the color from green to anything else.

Official example:
https://phaser.io/examples/v2/geometry/line

Thx

PS: Same problem with line width.

[samid737]

You can use graphics to visualize your line:

  var line = new Phaser.Line(0, 0, 100, 100);
  var graphics=game.add.graphics(0,0);
  //var graphics=game.add.graphics(line.start.x,line.start.y);//if you have a static line
  graphics.lineStyle(10, 0xffd900, 1);
  graphics.moveTo(line.start.x,line.start.y);//moving position of graphic if you draw mulitple lines
  graphics.lineTo(line.end.x,line.end.y);
  graphics.endFill();

 

[Mario]

That’s what I was looking for. Thank you!

[samme]

You can also try

graphics
  .lineStyle(10, 0xff0000)
  .drawShape(line);

 

[samid737]

@samme is right on the money about the drawShape. Its probably even more convenient since you can draw any shape (makes sense since its called drawShape) you like with one command.

[samme]

drawShape was weird before as it didn't actually understand any Phaser shapes but I think it works now.

[Mario]

Thx, @samme, I will try that too