Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

229
Views
Phaser 3 How to fill Phaser.Curves.Path with color?

Hey! Could anyone help me please, I have some troubles with rendering custom Path to RenderTexture

How to fill the Path with color??

I have prepared sandbox example for my problem: https://stackblitz.com/edit/set-bounce-phaser-3-so-ixfkeq Here is the code sample:

function create() {
  this.add.image(400, 300, 'sky');

  graphics = new Phaser.GameObjects.Graphics(this);
  graphics.lineStyle(4, 0x00ff00);
  graphics.fillStyle(0x00ff00); // how to fill it??

  rt = this.add.renderTexture(100, 100, 100, 100).setOrigin(0.5);

  var circle = this.add
    .circle(0, 0, 50, 0xff7e00)
    .setAlpha(0.8)
    .setVisible(false);

  rt.draw(circle, 50, 50);

  // This is just example, I need complex path with curves
  const path = new Phaser.Curves.Path(); // how to fill it??
  path.lineTo(50, 0);
  path.lineTo(50, 50);
  path.lineTo(0, 50);
  path.closePath();
  path.draw(graphics);
  rt.draw(graphics, 25, 25);
}

With this code I can see filled circle and only stroke for the Path

enter image description here

What did I miss ?

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Answer is found!

graphics.fillPoints(path.getPoints())
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!