極座標 (r,θ) を直交座標 (x,y) に変換します: x = r cos(θ), y = r sin(θ)。Daniel Shiffmanによるオリジナル。
coordinate conversion polar cartesian
Math
View Source Code
/*
* @name PolarToCartesian
* @arialabel Grey circle travels faster and faster in a circle path on a black background
* @description Convert a polar coordinate (r,θ)
* to cartesian (x,y): x = r cos(θ), y = r sin(θ)
* Original by Daniel Shiffman.
*/
let r;
// Angle and angular velocity, accleration
let theta;
let theta_vel;
let theta_acc;
function setup() {
// createCanvas(710, 400);
createCanvas(windowWidth, windowHeight);
// Initialize all values
r = height * 0.45;
theta = 0;
theta_vel = 0;
theta_acc = 0.0001;
}
function draw() {
background(0);
// Translate the origin point to the center of the screen
translate(width / 2, height / 2);
// Convert polar to cartesian
let x = r * cos(theta);
let y = r * sin(theta);
// Draw the ellipse at the cartesian coordinate
ellipseMode(CENTER);
noStroke();
fill(200);
ellipse(x, y, 32, 32);
// Apply acceleration and velocity to angle
// (r remains static in this example)
theta_vel += theta_acc;
theta += theta_vel;
}
License
Source code is available on GitHub p5.js website legacy.
All examples are licensed under CC BY-NC-SA 4.0.