---

layout: default

---

<h3>Modulo</h3>

<p>The modulo operator (%) returns the remainder of a number

divided by another. As in this example, it is often used

to keep numerical values within a set range.

Created 12 January 2003.</p>

<p><a href="http://processing.org/learning/basics/modulo.html">Original Processing.org Example: Modulo</a><br>

<div class="learning-demo"><script type="application/processing">

int num = 20;

float c;

void setup()

size(200,200);

fill(255);

frameRate(30);

void draw()

{

background(0);

c+=0.1;

for(int i=1; i<height/num; i++) {

float x = (c%i)*i*i;

stroke(102);

line(0, i*num, x, i*num);

noStroke();

rect(x, i*num-num/2, 8, num);

}

</script><canvas width="200" height="200"></canvas></div></p>

<div style="height:0px;width:0px;overflow:hidden;"></div>

<div class="code"><pre name="code" class="processing">// All Examples Written by Casey Reas</a> and Ben Fry</a>

// unless otherwise stated.

int num = 20;

float c;

void setup()

{

size(200,200);

fill(255);

frameRate(30);

}

void draw()

{

background(0);

c+=0.1;

for(int i=1; i&lt;height/num; i++) {

float x = (c%i)*i*i;

stroke(102);

line(0, i*num, x, i*num);

noStroke();

rect(x, i*num-num/2, 8, num);

}

}</pre></div>