How can I draw this image in processing?

zheng

IMG_0670

Ater

https://processing.org/reference/arc_.html

Chrisir

https://en.wikipedia.org/wiki/Fibonacci_number

https://processing.org/reference/for.html

zheng

@Ater I tried to use ARC to draw this, but the result does not look well.

zheng

@Chrisir Thanks a lot

Chrisir

So show your code and ask what you need to improve

zheng

@Chrisir this is the code:

void setup() {
   size(400, 400);
}

void draw() {
   beginShape();
   arc(200,200,80,130,PI/2,5);
   line(200,265,290,230);
   line(210,138,290,180);
   arc(290,205,10,50,PI/2,5);
   endShape(close);
}

TfGuy44

You probably mean "CLOSE" instead of "close".

Actually, you don't need the calls to beginShape() or endShape() at all.

And with those changes, you get... something. But it's not close to looking like that image above.

Here's as close as I got:

void setup() {
  size(400, 400);
}

void draw() {
  background(128);
  fill(255);
  stroke(0);
  strokeWeight(4);
  translate(width/2,height/2);
  for(int i= 0; i < 7; i++){
    fill(255);
    arc(0,0,200+30*i,200+30*i,0,QUARTER_PI);
    line(0,0,(200+30*i)/2,0);
    fill(128);
    arc(0,0,30,30,0,QUARTER_PI);    
    rotate(QUARTER_PI);
  }
  line(0,0,(200+30*6)/2,0);
  noStroke();
  ellipse(0,0,27,27);
}

zheng

@TfGuy44 Hi! Thank you very much! This nearly is what I want! :D