Procedural Drawing Workshop by

Some Inspiration

vcstaffcogc2 — 2021-03-17 13:30:08 UTC

https://www.instagram.com/generativeartworks/
https://studioanf.com/untitled-procedural-drawing/
https://medium.com/@_stc/procedural-drawing-fb18aab70268

Example 1

vcstaffcogc2 — 2021-03-17 13:36:04 UTC

Example 2

vcstaffcogc2 — 2021-03-17 13:37:44 UTC

Example 3

vcstaffcogc2 — 2021-03-17 13:38:10 UTC

Example 4

vcstaffcogc2 — 2021-03-17 13:39:10 UTC

Example 5

vcstaffcogc2 — 2021-03-17 13:39:37 UTC

The Code (Copy this into Processing)

vcstaffcogc2 — 2021-03-17 13:41:06 UTC

void setup() {
// This is the size of the screen
size(800, 800);

}

void draw() {
// This is where you all the code for the shapes as shown below

// This sets the background colour - black is 0 or white is 255)
background(0);

squares(60, 60, 50, 10, 1, 255);
// square(x position, y position, size in pixels, gap between shapes, number of squares, colour - black is 0 or white is 255);

circles(120,60,50,10,1,255);
// square(x position, y position, size in pixels, gap between shapes, number of circles, colour - black is 0 or white is 255);

triangles(180, 60, 50, 10, 1, 255);
// square(x position, y position, size in pixels, gap between shapes, number of triangles, colour - black is 0 or white is 255);
}

// Do not toach the code below here
void squares(int xStart, int yStart, int s, int gap, int number, int c) {
rectMode(CENTER);
noStroke();
fill(c);
int x = xStart;
int y = yStart;
for (int i =0; i rect(x, y, s, s);
x=x+s+gap;

if (x>width-s/2) {
x=xStart;
y=y+s+gap;
}
}
}

void circles(int xStart, int yStart, int s, int gap, int number, int c) {

noStroke();
fill(c);
int x = xStart;
int y = yStart;
for (int i =0; i ellipse(x, y, s, s);
x=x+s+gap;

if (x>width-s/2) {
x=xStart;
y=y+s+gap;
}
}
}

void triangles(int xStart, int yStart, int s, int gap, int number, int c) {
int x = xStart;
int y = yStart;

noStroke();
fill(c);

for (int i =0; i int x1 = x-s/2;
int y1 = y+s/2;
int x2 = x+s/2;
int y2 = y+s/2;
int x3 = x;
int y3 = y-s/2;

triangle(x1, y1, x2, y2, x3, y3);
x=x+s+gap;

if (x>width-s/2) {
x=xStart;
y=y+s+gap;
}
}
}

void mousePressed(){
// This will save the image into a folder called Image
save("image/pic.png");

}void setup() {
// This is the size of the screen
size(800, 800);

}

void draw() {
// This is where you all the code for the shapes as shown below

// This sets the background colour - black is 0 or white is 255)
background(0);

squares(60, 60, 50, 10, 1, 255);
// square(x position, y position, size in pixels, gap between shapes, number of squares, colour - black is 0 or white is 255);

circles(120,60,50,10,1,255);
// square(x position, y position, size in pixels, gap between shapes, number of circles, colour - black is 0 or white is 255);

triangles(180, 60, 50, 10, 1, 255);
// square(x position, y position, size in pixels, gap between shapes, number of triangles, colour - black is 0 or white is 255);
}

// Do not toach the code below here
void squares(int xStart, int yStart, int s, int gap, int number, int c) {
rectMode(CENTER);
noStroke();
fill(c);
int x = xStart;
int y = yStart;
for (int i =0; i rect(x, y, s, s);
x=x+s+gap;

if (x>width-s/2) {
x=xStart;
y=y+s+gap;
}
}
}

void circles(int xStart, int yStart, int s, int gap, int number, int c) {

noStroke();
fill(c);
int x = xStart;
int y = yStart;
for (int i =0; i ellipse(x, y, s, s);
x=x+s+gap;

if (x>width-s/2) {
x=xStart;
y=y+s+gap;
}
}
}

void triangles(int xStart, int yStart, int s, int gap, int number, int c) {
int x = xStart;
int y = yStart;

noStroke();
fill(c);

for (int i =0; i int x1 = x-s/2;
int y1 = y+s/2;
int x2 = x+s/2;
int y2 = y+s/2;
int x3 = x;
int y3 = y-s/2;

triangle(x1, y1, x2, y2, x3, y3);
x=x+s+gap;

if (x>width-s/2) {
x=xStart;
y=y+s+gap;
}
}
}

void mousePressed(){
// This will save the image into a folder called Image
save("image/pic.png");

}

What To Do

vcstaffcogc2 — 2021-03-17 13:42:24 UTC

This software programme (below )has been devised as a simple method of allowing the user to experience and developing an understanding of
Procedural Drawing. The system rules are as follows.
1. You can only use black and white.
2. There are only 3 shapes, a square, a circle and a triangle.
3. You can define the rules for position, scale and quantities.
By defining your own 3rd set of rules how many variants can you create? This is your challenge.

The Instructions

vcstaffcogc2 — 2021-03-18 09:22:42 UTC

This software programme (below)
has been devised as a simple method of allowing the user to experience and developing an understanding of
Procedural Drawing. The system rules are as follows.
1. You can only use black and white.
2. There are only 3 shapes, a square, a circle and a triangle.
3. You can define the rules for position, scale and quantities.
By defining your own 3rd set of rules how many variants can you create? This is your challenge.

Copy this Code in to Processing

vcstaffcogc2 — 2021-03-18 09:24:14 UTC

Example 1

vcstaffcogc2 — 2021-03-18 09:24:42 UTC

Take 3 regular shapes and create and use these to create 16 irregular shapes.

Example 2

vcstaffcogc2 — 2021-03-18 09:29:12 UTC

Create a word using squares circles and triangles

Example 3

vcstaffcogc2 — 2021-03-18 09:30:28 UTC

Example 4

vcstaffcogc2 — 2021-03-18 09:31:53 UTC

vcstaffcogc2 — 2021-03-18 09:32:24 UTC

Example 5

vcstaffcogc2 — 2021-03-18 09:32:32 UTC

Inspiration

vcstaffcogc2 — 2021-03-18 09:34:34 UTC

acarah — 2021-03-18 10:22:51 UTC

2021-03-18 10:23:15 UTC

2021-03-18 10:25:48 UTC

2021-03-18 10:25:59 UTC

2021-03-18 10:26:10 UTC

acarah — 2021-03-18 10:27:03 UTC

2021-03-18 10:31:40 UTC

acarah — 2021-03-18 10:31:53 UTC

axelartistries — 2021-03-18 10:32:47 UTC

acarah — 2021-03-18 10:33:42 UTC

acarah — 2021-03-18 10:35:07 UTC

acarah — 2021-03-18 10:36:59 UTC

axelartistries — 2021-03-18 10:37:40 UTC

openjamjar — 2021-03-18 10:46:32 UTC

2021-03-18 10:49:28 UTC

2021-03-18 10:49:51 UTC

hous

2021-03-18 10:53:17 UTC

acarah — 2021-03-18 10:54:47 UTC

Kachow

finlaycolman — 2021-03-18 10:55:19 UTC

Fat hidden circle

2021-03-18 11:03:44 UTC

Stonks

finlaycolman — 2021-03-18 11:05:21 UTC

melissajarvis5 — 2021-03-18 11:12:21 UTC

Triangle head hungy

2021-03-18 11:12:38 UTC

fmmacpherson12 — 2021-03-18 11:21:13 UTC

openjamjar — 2021-03-18 11:21:44 UTC

fmmacpherson12 — 2021-03-18 11:22:49 UTC

2021-03-18 11:28:58 UTC

2021-03-18 11:34:10 UTC

2021-03-18 11:35:24 UTC

2021-03-18 11:37:18 UTC

Insert wisdom here

2021-03-18 11:44:05 UTC

Boop

finlaycolman — 2021-03-18 11:46:21 UTC

2021-03-18 11:50:52 UTC

rachelross10 — 2021-03-18 12:12:45 UTC

openjamjar — 2021-03-18 12:57:41 UTC

seonaidwalker1 — 2021-03-18 13:07:38 UTC

2021-03-18 13:48:12 UTC

openjamjar — 2021-03-18 13:57:22 UTC

openjamjar — 2021-03-18 14:09:33 UTC