Skip to content
the poor coder

phaser place on ellipse

Poor Man
Published
Reading time
1 min read
On this page

Phaser Place on Ellipse#

If you are trying to place your Phaser game object on an elliptical path, then you may want to consider using the following formula:

JavaScript
x = centerX + Math.cos(angle) * a;
y = centerY + Math.sin(angle) * b;

Explanation:#

  • centerX and centerY represent the center of your ellipse.
  • a and b represent the length of the semi-major and semi-minor axis of your ellipse respectively.
  • angle represents the angle at which you want to place your object on the ellipse.
  • The Math.cos and Math.sin functions are used to calculate the x and y coordinates of your object respectively.

Example:#

Suppose you want to place an image of a spaceship on an elliptical path centered at (300, 300) with a semi-major axis of 200 and a semi-minor axis of 150. To make the spaceship move along the elliptical path, you will need to update its position inside the game loop.

JavaScript
// define initial angle
let angle = 0;

function update() {
  // update angle
  angle += 0.01;

  // calculate new position
  let x = 300 + Math.cos(angle) * 200;
  let y = 300 + Math.sin(angle) * 150;

  // set new position
  spaceship.x = x;
  spaceship.y = y;
}

This code will make the spaceship move along the elliptical path with a constant angular velocity of 0.01 radians per frame.

Keep going

2023

how to sort an array

How to Sort an Array If you have an array and you want to order its elements in a specific way, you need to use a sorting algorithm. There are several sorting algorithms available, but two of the most commonly used are…

javascript2 min read
2023

jquery mobile or desktop

jQuery Mobile or Desktop? As a web developer, I have had some experience with both jQuery Mobile and jQuery Desktop. Both frameworks have their pros and cons, and which one to use really depends on the specific project…

javascript1 min read
2023

node.js folder structure

Node.js Folder Structure If you are new to Node.js, it can be daunting to create a folder structure that will work for your project. The structure you choose will depend on the size and complexity of your project. Here…

javascript1 min read
ESC