java - JavaFX Olympic Rings overlap in the correct order -

this first time posting here. i'm doing assignment need create olympic rings in javafx , make them intersect in correct places.

this it's supposed like:

olympic rings http://ksuweb.kennesaw.edu/~ashaw8/cs1302-07-fall16/assignments/images/olympicrings.png

currently, rings intersect dominate in order created objects. blue gets covered yellow when intersect, yellow gets covered black when intersect, etc. can see in picture of olympic rings, first time yellow , blue intersect, yellow covers blue, blue covers yellow second time. each of rings gets covered other ring 1 time intersect, covers other time.

if point me in right direction how make them intersect properly, fantastic.

here code have far:

package com.company;  import javafx.application.application; import javafx.scene.scene; import javafx.scene.layout.pane; import javafx.scene.paint.color; import javafx.scene.shape.circle; import javafx.stage.stage;  public class olympicrings extends application{      public void start(stage primarystage) {          //creates new object, first circle         circle circle1 = new circle();         circle1.setcenterx(100); //sets x coordinate center of circle         circle1.setcentery(100); //sets y coordinate center of circle         circle1.setradius(50); //sets radius of circle 50, makes diameter 100         circle1.setstroke(color.blue); //sets color of circle         circle1.setstrokewidth(10); //sets thickness of lines         circle1.setfill(null); //sets color of inside of circle, set null enable overlap          circle circle2 = new circle(); //creates additional circles         circle2.setcenterx(160);         circle2.setcentery(150);         circle2.setradius(50);         circle2.setstroke(color.yellow);         circle2.setstrokewidth(10);         circle2.setfill(null);          circle circle3 = new circle();         circle3.setcenterx(220);         circle3.setcentery(100);         circle3.setradius(50);         circle3.setstroke(color.black);         circle3.setstrokewidth(10);         circle3.setfill(null);          circle circle4 = new circle();         circle4.setcenterx(280);         circle4.setcentery(150);         circle4.setradius(50);         circle4.setstroke(color.green);         circle4.setstrokewidth(10);         circle4.setfill(null);          circle circle5 = new circle();         circle5.setcenterx(340);         circle5.setcentery(100);         circle5.setradius(50);         circle5.setstroke(color.red);         circle5.setstrokewidth(10);         circle5.setfill(null);          //creating pane display circle         pane pane = new pane();         pane.getchildren().add(circle1); //each of these adds various circles display of pane         pane.getchildren().add(circle2);         pane.getchildren().add(circle3);         pane.getchildren().add(circle4);         pane.getchildren().add(circle5);          scene scene1 = new scene(pane, 440, 250); //creates parameters of pane         primarystage.settitle("olympic rings"); //names pane         primarystage.setscene(scene1); //picks go in pane         primarystage.show(); //shows scene i've created     } } 

this hard achieve circles. heavy use of clip property , resulting code wouldn't readable.

instead arcs can used draw parts of rings. add covered part of ring parent before adding covering part.

example first 2 rings:

private static arc createarc(double radius,                              double centerx, double centery,                              double fromangle, double toangle,                              paint stroke,                              double strokewidth) {     arc arc = new arc(centerx, centery, radius, radius, fromangle, toangle - fromangle);     arc.setfill(null);     arc.setstroke(stroke);     arc.setstrokewidth(strokewidth);      return arc; }  @override public void start(stage primarystage) {     pane pane = new pane(             createarc(50, 60, 60, 90, 315, color.blue, 10), // part of blue ring containing part covered yellow             createarc(50, 110, 110, 0, 360, color.yellow, 10),             createarc(50, 60, 60, -45, 90, color.blue, 10) // part covering yellow ring     );      scene scene = new scene(pane);      primarystage.setscene(scene);     primarystage.show(); }