# Olympic rings, how to make them problems?

**URL:** <https://discourse.processing.org/t/olympic-rings-how-to-make-them-problems/7321>\
**Category:** Coding Questions\
**Created:** [January 8, 2019, 2:17pm UTC](https://discourse.processing.org/t/olympic-rings-how-to-make-them-problems/7321 "2019-01-08T14:17:31Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![thatone](https://avatars.discourse-cdn.com/v4/letter/t/97f17d/32.png) [@thatone](https://discourse.processing.org/u/thatone)\
**Post date:** [January 8, 2019, 2:17pm UTC](https://discourse.processing.org/t/olympic-rings-how-to-make-them-problems/7321/1 "2019-01-08T14:17:31Z")

</div>

Hello,

I’m trying to make the Olympic rings but I don’t know why the rings doesn’t make around just the stroke and instead just filling up.

Would be honored if anybody could explain what I’m doing wrong? (Newbie still)

This is the code:  
size(400,300);  
int[] x={100,200,300,150,250};  
int[] y={100,100,100,200,200};  
int[] r={0,0,255,255,0};  
int[] g={0,0,0,255,255};  
int[] b={255,0,0,0,0};

for(int i=0; i \< x.length; i++){

strokeWeight(7);

fill(r[i],g[i],b[i]);  
noFill();  
ellipse(x[i],y[i],140,140);

}

---

<div class="post-metadata">

**Author:** ![Sky](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/sky/32/3013_2.png) [@Sky](https://discourse.processing.org/u/Sky)\
**Post date:** [January 8, 2019, 2:49pm UTC](https://discourse.processing.org/t/olympic-rings-how-to-make-them-problems/7321/2 "2019-01-08T14:49:23Z")

</div>

Replace

> [@thatone](#):
>
> fill(r[i],g[i],b[i]);

with `stroke(r[i],g[i],b[i])` , and move `noFill()` in setup.

_[Stroke](https://processing.org/reference/stroke_.html) sets the color used to draw lines and borders around shapes._