Processing Design

The ‘origami’ font that I designed for our first project was very geometric. Each letter’s form was made up of triangles and rectangles.I took inspiration from these geometric forms to create a decorative pattern made up of different triangles.

Code:

size(520,520);
background(254);
color c = color(255, 240, 0);
fill(c);
noStroke();
triangle(20,20,20,80,80,80);
fill(c);
noStroke();
triangle(80,20,80,80,140,80);
fill(c);
noStroke();
triangle(80,20,80,80,140,80);
fill(c);
noStroke();
triangle(140,20,140,80,200,80);
c = color(255, 200, 200);
fill(c);
noStroke();
triangle(200,80,260,80,260,140);
fill(c);
noStroke();
triangle(260,20,260,80,320,80);
c = color(255, 240, 0);
fill(c);
noStroke();
triangle(260,20,320,20,320,80);
colorMode(HSB, 100);
c = color(50, 55, 100);
fill(c);
noStroke();
triangle(320,20,320,80,380,80);
fill(c);
noStroke();
triangle(380,20,380,80,440,80);
fill(c);
noStroke();
triangle(380,20,380,80,440,80);
fill(c);
noStroke();
triangle(440,20,440,80,500,80);
colorMode(HSB, 100);
c = color(50, 55, 100);
fill(c);
noStroke();
triangle(20,80,20,140,80,140);
fill(c);
noStroke();
triangle(80,80,80,140,140,140);
colorMode(HSB, 100);
fill(c);
noStroke();
triangle(20,140,20,200,80,200);
c = color(150, 25, 150);
fill(c);
noStroke();
triangle(80,140,80,200,140,200);
fill(c);
noStroke();
triangle(80,80,140,80,140,140);
fill(c);
noStroke();
triangle(20,200,80,200,80,260);
c = color(300,50,300);
fill(c);
noStroke();
triangle(140,80,140,140,200,140);
fill(c);
noStroke();
triangle(140,140,140,200,200,200);
fill(c);
noStroke();
triangle(260,80,320,80,260,140);
fill(c);
noStroke();
triangle(20,260,80,260,80,320);
triangle(20,320,80,320,80,380);
triangle(440,80,440,140,500,140);
colorMode(HSB, 100);
c = color(50, 55, 100);
fill(c);
noStroke();
triangle(320,80,320,140,380,140);
triangle(440,140,500,140,500,200);
triangle(80,260,80,320,140,320);
c = color(40,30,500);
fill(c);
noStroke();
triangle(380,80,380,140,440,140);
triangle(140,140,200,140,200,200);
triangle(200,140,260,140,260,200);
triangle(260,140,320,140,320,200);
triangle(440,200,500,260,440,260);
triangle(440,260,500,320,440,320);
triangle(20,440,80,440,80,500);
c = color(70, 30, 90);
fill(c);
noStroke();
triangle(140,260,200,320,140,320);
triangle(200,260,260,260,260,320);
triangle(260,260,320,260,320,320);
triangle(20,380,20,440,80,440);
triangle(320,140,320,200,380,200);
triangle(320,140,320,200,380,200);
triangle(380,140,440,140,440,200);
triangle(80,440,80,500,140,500);
triangle(440,380,440,440,500,440);
c = color(60, 25, 600);
fill(c);
noStroke();
triangle(80,200,140,200,140,260);
triangle(140,200,200,200,200,260);
triangle(20,320,20,380,80,380);
triangle(440,320,440,380,500,380);
triangle(440,440,500,440,500,500);
triangle(260,320,260,380,320,380);
colorMode(HSB, 100);
c = color(50, 55, 100);
fill(c);
noStroke();
triangle(200,200,200,260,260,260);
triangle(140,440,200,500,140,500);
triangle(200,440,260,500,200,500);
colorMode(HSB, 100);
c = color(60, 45, 300);
fill(c);
noStroke();
triangle(260,440,320,500,260,500);
triangle(320,440,380,500,320,500);
triangle(80,320,140,320,140,380);
triangle(140,320,200,320,200,380);
triangle(320,200,380,200,380,260);
triangle(260,200,320,200,320,260);
triangle(380,200,440,200,440,260);
c = color(90, 47, 500);
fill(c);
noStroke();
triangle(200,320,200,380,260,380);
triangle(200,260,200,320,260,320);
triangle(320,260,320,320,380,320);
triangle(380,260,380,320,440,320);
triangle(80,380,80,440,140,440);
triangle(80,200,80,260,140,260);
colorMode(RGB, 100);
c = color(200,50,02);
fill(c);
noStroke();
triangle(320,320,380,320,380,380);
triangle(320,380,380,380,380,440);
triangle(380,140,380,200,440,200);
triangle(140,380,140,440,200,440);
triangle(140,380,140,440,200,440);
triangle(200,380,260,380,260,440);
colorMode(RGB, 100);
c = color(200,20,50);
fill(c);
noStroke();
triangle(260,380,320,380,320,440);
triangle(380,380,380,440,440,440);
triangle(380,320,380,380,440,380);
triangle(380,440,380,500,440,500);
triangle(80,380,140,380,140,440);
triangle(200,440,260,440,260,500);

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s