How to generate or move first point from getPoints into another angular position?

Phaser 3
1

Hellow friends!

it is possible to generate or create the first point in another angular position different from the default position (2Pi)
Thanks in Advanced.

phaser circle getPoints
phaser circle getPoints1000×422 51.5 KB 

var circle = new Phaser.Geom.Circle(250, 300, 150);
graphics.strokeCircleShape(circle);

// https://github.com/photonstorm/phaser/blob/v3.51.0/src/geom/circle/GetPoints.js
var points = circle.getPoints(6);

for (var i = 0; i < points.length; i++) {
	pointValue = points[i];
	graphics.fillCircle(pointValue.x, pointValue.y, 6);
	// ...
}
2

You can make a loop and call getPoint(t), where t is in 0 to 1.

3

Thanks samme, you always save my life and many others here.

4

Please, help me.
Thanks in advanced.

When i generate inside create function This is My First point “newArray[0]”

I use getPoints Not getPoint:

points = circle.getPoints(6);

Like samme suggest Inside in custom function i wrote this, where 0 equals 0 degrees, 0.5 equals 180 degrees and 1 equals 360 around the circle, and newArray[0] is the first point at position 2pi, but the point not move, Why?

circle.getPoint(0.5, newArray[0]);

The first point is:

console.log("newArray[0] -> x,y = " +newArray[0]);

Result console.log:

newArray[0] —> x,y = 400,300

GetPoints.js

GetPoint:

5

In the loop I would do something like

newArray.push(circle.getPoint(angle));
6

Sorry samme, can you help me one more time or someone else here on the forum? I was not successful in your suggestion, I cleaned all the code that I had and put it down here in order to facilitate your help.Thanks in advanced.


var config = {
    width: 400,
    height: 400,
    backgroundColor: '0x000000',
    type: Phaser.AUTO,
    scale: {
        mode: Phaser.Scale.FIT,
        autoCenter: Phaser.Scale.CENTER_BOTH,
    },
    parent: 'phaser-example',
   
    scene: {
        create: create,
        update: update
    }
};

var game = new Phaser.Game(config);

var circlegraphics;
var pointsgraphics;

// Arrays
var points = [];
var newArray = [];

function create ()
{
    circlegraphics = this.add.graphics({  fillStyle: { color: 0xAAFF00 }, lineStyle: { width: 2, color: 0xfff000} });
    pointsgraphics = this.add.graphics({  fillStyle: { color: 0xff00ff }, lineStyle: { width: 2, color: 0xff00ff} });
    
    // #### START create circle
    var circle = new Phaser.Geom.Circle(100, 100, 70);
    circlegraphics.strokeCircleShape(circle);

    // #### START create getPoints
    points = circle.getPoints(2);
    
    // #### START loop
    for (var i = 0; i < points.length; i++) {
       
        pointValue = points[i];
        pointsgraphics.fillCircle(pointValue.x, pointValue.y, 5);

        // samme suggestion
        newArray.push(circle.getPoint(0.5));
    }

    console.log("\npointValue.x = "  +pointValue.x + " AND pointValue.y = " +pointValue.y);
    console.log("\npointValue length is " +pointValue);
    console.log("\nnewArray length is " +newArray);
}


function update ()
{

}
7