processingで公転する円の周りを公転させたい。

前提・実現したいこと

processingで画面中央に赤い丸、赤い丸の周りに青い丸を公転させ、青い丸の周りに黒い丸を公転させたいです。

発生している問題・エラーメッセージ

青い丸の周りを黒い丸を公転させられない。

該当のソースコード

float step1=1;
float step2=15;
float angle1=0;
float angle2=0;
void setup() {
size(700, 700);
background(255);
}
void draw() {
background(255);
translate(width/2, height/2);
fill(255, 0, 0);
ellipse(0, 0, 100, 100);
rotate(angle1*PI/180.0);

earth();
angle1+=step1;
}
void earth() {
fill(0, 0, 255);
ellipse(300, 0, 10, 10);
fill(0, 0, 0);
ellipse(320, 0, 2, 2);
}

processing

試したこと

青い丸は公転させることが出来ました。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

earthを座標軸中心にして同様に回転させるだけでは？

Processing
1float step1=1;
2float step2=15;
3float angle1=0;
4float angle2=0;
5void setup() {
6  size(700, 700);
7  background(255);
8}
9void draw() {
10  background(255);
11  translate(width/2, height/2);
12  fill(255, 0, 0);
13  ellipse(0, 0, 100, 100);
14
15  earth();
16  moon();
17  angle1+=step1;
18  angle2+=step2;
19}
20void earth() {
21  rotate(angle1*PI/180.0);
22  fill(0, 0, 255);
23  ellipse(300, 0, 10, 10);
24}
25void moon() {
26  translate(300, 0);
27  rotate((angle2-angle1)*PI/180.0);
28  fill(0, 0, 0);
29  ellipse(20, 0, 2, 2);
30}