---

layout: default

---

<h3>Scale</h3>

<p>by Denis Grutze.

Paramenters for the scale() function are values specified

as decimal percentages. For example, the method call scale(2.0)

will increase the dimension of the shape by 200 percent.

Objects always scale from the origin.</p>

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

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

float a = 0.0;

float s = 0.0;

void setup()

size(200,200);

noStroke();

rectMode(CENTER);

frameRate(30);

void draw()

background(102);

a = a + 0.04;

s = cos(a)*2;

translate(width/2, height/2);

scale(s);

fill(51);

rect(0, 0, 50, 50);

translate(75, 0);

fill(255);

scale(s);

rect(0, 0, 50, 50);

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

float a = 0.0;

float s = 0.0;

void setup()

{

size(200,200);

noStroke();

rectMode(CENTER);

frameRate(30);

}

void draw()

{

background(102);

a = a + 0.04;

s = cos(a)*2;

translate(width/2, height/2);

scale(s);

fill(51);

rect(0, 0, 50, 50);

translate(75, 0);

fill(255);

scale(s);

rect(0, 0, 50, 50);

}</pre></div>