Rotating Circles Around Centre - URGENT HELP!

Programming Questions

lightspeed

Rotating Circles Around Centre - URGENT HELP!

in Programming Questions • 1 year ago

Hi I'm in desperate need of help!

I have an arraylist of 15 objects, let's say flowers, that each have a specified position on the screen. These flowers each have a core that also has 10 other objects, petals, each that rotate around them 360 degrees, are connected to the centre flower by a line and each petal contains its id number.

I need major help in 1) getting the line to attach to the petal, 2) making more than one petal for each flower and 3) displaying the id number in each of the 15 flowers.

What I mean is that each flower should have a petal that says 1, 2, 3, 4, 5 etc. up to 10.

This is the current code I have, it only shows one petal as I am clueless as to how I make more. Also the petal isn't attached to the line.

I've modified code from OpenProcessing as well as trying to use my own knowledge.

int num = 10;
float[] x = new float[num];
float[] s = new float[num];
float[] rote = new float[num];
float[] speed = new float[num];
color[] c = new color[num];
void setup(){
size(500, 500);
smooth();
for(int i = 0; i < num; i++) {
x[i] = 80;
s[i] = 30;
rote[i] = (radians(360));
speed[i] = 4;
c[i] = color(random(255), random(255), random(255));
}
}
void draw() {
background(17);
for(int i = 0; i < num; i++) {
pushMatrix();
translate(250,250);
rotate(rote[i]);
rote[i] = rote[i] + radians(speed[i]);
//noStroke();
fill(c[i]);
stroke(255);
line(x[i], x[i],0,0);
ellipse(x[i], 0, s[i], s[i]);
popMatrix();
}
for(int i = 0; i < 360; i+= 36){
pushMatrix();
rotate(radians(i));
translate(250, 250);
ellipse(0,0, 30, 30);
popMatrix();
}
}

I'm very desperate, so could you guide me along the way please. I need this as soon as possible.

Oh, can you tell me what I am doing wrong

Thanks

Replies(5)

PhiLho

Re: Rotating Circles Around Centre - URGENT HELP!

1 year ago

In a hurry myself, perhaps the thread https://forum.processing.org/topic/rotation-question-beginner can help you to understand how translate and rotate can work together. (Will make a wiki FAQ of it...)

eltodesuk..

Re: Rotating Circles Around Centre - URGENT HELP!

1 year ago

translate(250,250); rotate(rote[i]); always lead to the same spot,

cause popMatrix(); at the end within the loop

try this loop instead:

for(int i = 0; i < num; i++) {
    translate(250,250);

    rotate(rote[i]);
    rote[i] = rote[i] + radians(speed[i]);

    //noStroke();
    fill(c[i]);

    stroke(255);
    line(x[i], x[i],0,0);

    ellipse(x[i], 0, s[i], s[i]);

    translate(-250,-250);
}

note that in my version, rotate(rote[i]); should be rotate(speed[i]) cause the rotation are cumulative since I don't use push pop.

lightspeed

Re: Rotating Circles Around Centre - URGENT HELP!

1 year ago

Thanks phi.lho and eltodesukane for the replies.

eltodesukane, I have tried your code and it's good, but the circles overlap each other.

int num = 10;
float[] x = new float[num];
float[] s = new float[num];
float[] rote = new float[num];
float[] speed = new float[num];
color[] c = new color[num];
String[] index = new String[num];
void setup(){
size(500, 500);
smooth();
for(int i = 0; i < num; i++) {
x[i] = 80;
s[i] = 30;
rote[i] = (radians(360));
speed[i] = 1;
index[i] = Integer.toString(i);
c[i] = color(random(255), random(255), random(255));
}
}
void draw() {
background(17);
for(int i = 0; i < num; i++) {
translate(250,250);
rotate(rote[i]);
rote[i] = rote[i] + radians(speed[i]);
//noStroke();
fill(c[i]);
stroke(255);
ellipse(x[i], 0, s[i], s[i]);
translate(-250,-250);
}
}

In the meantime I have tweaked Joseph Kotay's OpenProcessing code and have got this:

/*Joseph Kotay. Practice Computational Methods. Loops and Transformations. Professor Nick Senske.
This is just another simple pattern using circles and squares. I referenced the example
of the "Dotted Circles" code that Nick provided. Nothing fancy, however the objectives are met.*/
size(800,800);
smooth();
background(0);
rectMode(CENTER);
translate(width/2, height/2); //reset the origin to center.
ellipse(0,0,25,25); // center cicle.
// the next two arrays of squares.
// The next two arrays of circles.
fill(240,240,60);
int circleSize2 = 40;
int radius4 = 100;
for(int i = 0; i < 360; i += 45) {
pushMatrix();
rotate(radians(i));
translate(radius4,0);
fill(random(255), random(255), random(255));
ellipse(0,0,circleSize2,circleSize2);
String put = Integer.toString(i);
fill(0);
text(put, 0,0 );
popMatrix();
}

How would I make two more to the left and right of what I've got and how do I get these the exterior circles to rotate around their centre dot?

The original sketch:

http://www.openprocessing.org/sketch/38186

eltodesuk..

Re: Rotating Circles Around Centre - URGENT HELP!

1 year ago

"eltodesukane, I have tried your code and it's good, but the circles overlap each other. "

They overlap in a nice way.

I change the rotate(), (rot[] not needed cause rotate() cumulative)

int num = 10;
float[] x = new float[num];
float[] s = new float[num];
float[] rote = new float[num];
float[] speed = new float[num];
color[] c = new color[num];
String[] index = new String[num];
void setup(){
size(500, 500);
smooth();

for(int i = 0; i < num; i++) {
    x[i] = 80;
    s[i] = 30;
    rote[i] = (radians(360));
    speed[i] = 36;
    index[i] = Integer.toString(i);
    c[i] = color(random(255), random(255), random(255));
}
}
void draw() {
backint i = 0; i < num; i++) {
translate(250,250);
rotate(radians(speed[i]));
rote[i] = rote[i] + radians(speed[i]);
//noStroke();
fill(c[i]);
stroke(255);
ellipse(x[i], 0, s[i], s[i]);
translate(-250,-250);
}
}
ground(17);

for(

lightspeed

Re: Rotating Circles Around Centre - URGENT HELP!

1 year ago

Thank you so much for your help

Top Reply