CCLab Mini Project 4: Patterns

Introduction

Series 1: I/O

A net.

A big net.

A huge net.

It’s huge enough to contain all of us. 

But…what is it exactly?

Endless reincarnation.

Relationship? Life? Society?

Or… Anything?

 

S1#1 Outer

S1#2 Inner

 

Series 2: Illumination

「Just as little is seen in pure light as in pure darkness.」

-Georg Wilhelm Friedrich Hegel

Because of the light, there’s no darkness.

Because of the light, there’s darkness.

S2#1 Sun

S2#2 Shine

 

Series 3: Spinning

Destination.

Where?

How?

S3#1 Helix Stairs

S3#2 Blossom Eye

S3#3 DEEP Tunnel

 

Series 4: Cosmos

They’re small.

We’re small.

S4#1 Galaxy

S4#2 Stardust

 

Analysis

S1#1 & S1#2 & S2#1

These three works have similar codes.

I chose triangles to rotate and form these amazing shapes. Also, the color of the outside is darker than the inside (S1#1 & S1#2).

S2#1 is quite the opposite. The patterns have the same transparency value. They are overlapped and finally form this sun-like effect.

 

S2#2

It’s totally an accident.

When I found the pattern, I couldn’t tell how did I make it. Just rotate the straight line without push() & pop().

I set the color of the lines as random red. It’s the simulation of the Tyndall effect in a quite abstract way.

 

S3#1 & S3#2 & S3#3

These three works have similar codes.

It’s the rotation of a rectangle shrinking lap by lap.

The only difference between these works is the angle for each rotation.

A slight difference can have a huge influence on the result. So is life.

 

S4#1 & S4#2

Random dots generateing.

They have random colors and random positions. Also, The closer to the center, the bigger the dot is.

 

For the detailed code, click the link below.

 

Reflections

The for() and while() loop can really help us do many things and save a lot of time. It’s also quite enjoyable to draw patterns with slightly different shapes. By the assistance of translate() rotate() & scale(), the patterns can be more various.

 

——————————————-More Info——————————————

Links

Project 4 Collection: https://editor.p5js.org/AndyHyprillion/collections/MIPi5sOQTF

Leave a Reply

Your email address will not be published. Required fields are marked *