---

layout: default

---

<h3>Random</h3>

<p>Random numbers create the basis of this image.

Each time the program is loaded the result is different.</p>

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

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

size(200, 200);

for(int i = 0; i < width; i++) {

float r = random(255);

float x = random(0, width);

stroke(r, 100);

line(i, 0, x, height);

</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.

size(200, 200);

smooth();

background(0);

strokeWeight(10);

for(int i = 0; i &lt; width; i++) {

float r = random(255);

float x = random(0, width);

stroke(r, 100);

line(i, 0, x, height);

}</pre></div>