My Generative Art Journey

A place where I try to express myself with code. This here, is a gallery of my progress, where I learn and try to experiment with code


2018 | The 360 Day Project

I have always been fascinated by generative art. I saw videos, posts, and installations that used code for expression. It always left me with aww. I dabbled a bit in it but never took it all the away. I kept thinking of it in the back of my head but never committed. However, this year is different. I am going to make a sketch a day until I create my own installation.

Nested Loops

The way you make grids and matricies is through nested loops. This was quite a fun experament

Horizontal Boucne

Having the ball bounce sideways

Logical Operations

Using logic relationships to make the gittery square interact with the mouse. Otherwise the basics of collision

Button

Boolean variables play a role in making buttons. They're the fondations of states

Conditional Shapes

Taking advantage of the power of conditions and drawing diffrent shapes based on position

Rainbow HSB

Making a Rainbow but using a diffrent color mode

Gitters

Making gittery movments with conditionals and random

Pulse

When random percentages play a role in predictability. It helps in running the if condition

Warhol Tribute

Taking it a bit further and playing with images. Tryig to make a responsive Warhol Tribute

Conditions

Using conditionals to fill in the circle

Ranomd Polkadots

Using the random function to change the circle position as well as color range

Animate Lines

Taking conditionals further by animating lines one by one as well as changing the stroke color based on a condition

Variables in Action

Variables have many uses. One is demonstarating speed. How each shape has a different movment.

Variables

Variables have many uses. One is manipulatin or rather updating position based on time.

Target

A great experament with system variables.

Rainbow Vertical

Randomness is a mezmorizing concept. It's always fun to experament with. It takes a simple sketch and makes it interesting

Random Vertical Lines

Randomness is a mezmorizing concept. It's always fun to experament with. It takes a simple sketch and makes it interesting

Random Straight Lines

Randomness is a mezmorizing concept. It's always fun to experament with. It takes a simple sketch and makes it interesting

Light Beams

Another wonderful tutorial. it solidified my understanding of lines, and space.

Abstract Clock

This was a brilliant practice, it gave me an idea of how to use time as variables for movment

Pulse

This was a fun exersize experamenting with logic and comparison operators, it was fun trying to change the speed of growth.

Movement

We go over the concept of variables one more time. it hones in the idea of time and space.

Animating Lines

In this practice, it's more of a re-hashing of what I learned. By animating lines at random end-points

FrameRate

Experamenting with frameRate speed and understanding the diffrence betwen RGB and CYMK

Random Lines

We experament with random here. We draw random lines based on random points

FireWorks

What better way to start the year other than with a firework sketch!

2017 | The Start

During 2017 I dabbled in generative art. followed a couple of tutorials here and there. half finished books, and courses. I did it in my spare time and whenever I had time, but i relaized through the end of this year [2017] that ithas alway been in the back of my mind. It's what I want to be better at. So bellow is the begining of this generative art journy, and the year above it will be the serouse phase. [super stocked]

Color Bounce

This was a really fun sketch to do. Basically the color changes based on the ball hitting the corders.

Rainbow Bounce

I believe the title says it all a ball that bounces and changes color

Color Pallet

Just playing around with random, and got a lovely green color pallet

Blasting Zoog

Well since we'll be seeing Zoog for a while now, in this chapter we make him more of a jitery rocket that blasts off [in slow motion]

PokaDots

More variable manipulation, This was a really fun sketch. Rando dots with random diameters keep popping up with random colors. It's very pleasant to look at :)

Windmill

More variable manipulation, In this sketch, I tried to make a fan like movment. I'm a bit annoyed by the speed, but I guess with time I'll get the hangof it.

Pulse

More variable manipulation, In this sketch, I tried to make the circles pulse in varying speeds and direction.

More Variables

This section focuses on variables and how you manipulate them through time to generate dynamicy.

Variables

This section focuses on variables and how you manipulate them through time to generate dynamicy.

Zoog

In the book, Zoog is our companion who will be experamnted on witch code, so I thought I'd introduce you to him. Say hello.

Events

Since I'm starting from scratch with teh processing book, one of the topics was events and here is a sample of the excersize where when you click the mouse you get a box with random colors.

Drawing App

I started learning processing because it's been a long dream of mine to be a super doper generative art programmer. So I'm learning from Danial Shifman's book so hopefully better sketches coming.

Topic Generator

My sister is starting this project where each week she picks a topic and draws. I wanted to help her out by making this program that generates teh topic for her.

Game Of life

For the last couple of weeks I've been head deep on Cellular Autometa for a project and thus the sequince of diffrent practices. Been following the natureof code book and this was once of the examples. This example is the most famouse applications of CA

Ellipce CA

For the last couple of weeks I've been head deep on Cellular Autometa for a project and thus the sequince of diffrent practices. Been following the natureof code book and this was once of the examples. Yes, I'll be bombarding you withh CA

Scrolling CA

For the last couple of weeks I've been head deep on Cellular Autometa for a project and thus the sequince of diffrent practices. Been following the natureof code book and this was once of the examples.

Elementary CA

For the last couple of weeks I've been head deep on Cellular Autometa for a project and thus the sequince of diffrent practices. Been following the natureof code book and this was once of the examples. It's fun to stare at.

Map Generator

For the last couple of weeks I've been head deep on Cellular Autometa for a project and thus the sequince of diffrent practices. This one is where I try to generate maps.

Line Scan

I wanted to take my newly acquired knowledge to the test and try making a line that scans the room ... it was tricky but I did it!

Grid Rotation

Now this really helped me undertand rotation and translate These tutorials are really helpful

Fabric Like

With the bit of acuired knowledge from these tutorial I ventrue out and experamented a bit. I don't know what I was trying to achive but I love the result

Moods

With the bit of acuired knowledge from these tutorial I ventrue out and experamented a bit. Here is where I ry to express my mood with a sketch

Quads II

With the bit of acuired knowledge from these tutorial I ventrue out and experamented a bit. Here is where i experament with a new shape

Quads I

With the bit of acuired knowledge from these tutorial I ventrue out and experamented a bit. Here is where i experament with a new shape

Circle Madness

With the bit of acuired knowledge from these tutorial I ventrue out and experamented a bit. A bit more practice with translate and circles

Fixed Rotation

With the bit of acuired knowledge from these tutorial I ventrue out and experamented a bit. Here is when I figured out how to fix the rotation

Failed Rotation

With the bit of acuired knowledge from these tutorial I ventrue out and experamented a bit. Here are is a failed attempt at rotating a square

Translate Loops

So I found a nice resource that gives more detail explanations about teh diffrent functions in the p5 library and this tutorial demonstrates translate and loops and the power it has

Translate

So I found a nice resource that gives more detail explanations about teh diffrent functions in the p5 library and this tutorial explains translate pretty well

Line Grid

So I found a nice resource that gives more detail explanations about teh diffrent functions in the p5 library and this is one of the first tutorials

Puppies

This was a short tutorial it's basically an intro to how to use images

Bubble Intersect

This was a great project to learn about object constructors and how to change a behavior based on some event you create in function

Fade with time

More object practice. It mostly showcases the power of functions and more and variables

Detect Clicks

More object practice. This one is especialy a nice practice since it deals with distance between points so geometry yay

Swirls

The thing that always gives me a mind fart is rotation. I'm still a bit confused but it was nice practice

Rotate

The thing that always gives me a mind fart is rotation. I'm still a bit confused but it was nice practice

Jitters

More practice with objects. From now on I'll be using this approach a lot. It made me think of objects in a whole new way.

Bubble Jitters

More practice with objects. From now on I'll be using this approach a lot.

Ball bouncing

Using objects is very powerful and you know that by trying to move it around using the draw function

Conditionals power

The best way to see the power of conditions is by testing it out visually this was a fun practice

Arrays II

I believe generative art is the best way to conceptualize the power of arrays. It's a nice practice

Arrays I

I believe generative art is the best way to conceptualize the power of arrays. It's a nice practice

Light Loops

It's time we include loops in the picture and this is the result. Pretty neat might I add myslef

Line Madness

It's time we include loops in the picture and this is the result. Pretty neat might I add myslef

Loops

It's time we include loops in the picture and this is the result. Pretty neat might I add myslef

Conditionals iii

More experamentation with adding logic and different conditions. It's a nice way to visualize the logic

Conditionals ii

More experamentation with adding logic and different conditions. It's a nice way to visualize the logic

Conditionals

Now we can add logic and experament with different conditions. It's a nice way to visualize the logic

Bouncing Ball

We finally get to add some animation with conditionals. I know the learning curveis high but fun none the less.

Varables

Playing around with varables to change the objects around with each draw

Starfield

This was a challenge to understand but fun none the less. Man I wish all programming was this fun! The coding train channel is a blessing honestly.

Dots

A lovely way to learn about objetcs and random functions. I loved the colors that were generated. Projects are slowly becoming more fun.

Playing with Random

Now we are talking. this was quite nice were we start to actually add more functionality. It has more than one michanice mouse press random background. mouse movement random dot colors

Map Colors

Now we start using diffrent tactics. This was fun . Using the map function to connect the canvas size with the color. a nice way to think of programs.

Circle an Animation

This was a project that tackles animation by manipulating varables. It's simple [minimal rather] but a start non the less

90's Shirt Design

This was a fun tutorial where it experaments with rotation, point origon changes, and randomness. and it really does look like a bad T-shit design

Type

So this is part of the coding train tutorials [he's such an awesome guy]. I liked how we used p5 methods to manipulate the dom.

Lines

I wanted to see if I can draw a pattern by changing the coordinates and I liked how it actually turned out

Happy Face

This was fun. it was a nice practice on working with shapes colors. And above all experament with animation. I liked how it turned out.

Movment Color

Here tried diffrent colors and playing with thei alpha valuse and adding some conditionals to switch colors

Movment

Now we experament with variables and events. Here's how I learned about the constants mouseX and mouseY

Robot Friend

This was the outcome of studying genetic programming. You ditch studying and try to make a robot out of shapes.

iEye

This is where I wanted to test if I can draw with arcs and actually make a something resembaling a drawing. This one was really fun to make

The Start

This is the first sketch as with any first sketch, it's pretty basic. Just a meir shape on the screen, but it is a start