top of page
Untitled.png

A Coloring Book About Math

I found this project really interesting because it takes a subject I particularly don't enjoy and sort of it gives it an interesting twist.

​

One of the illustrations done by the algorithms is called Fractals. One of the Fractals is the SierpiÅ„ski Triangle. It reminds me of two projects I did for an Intro to Color and Basic Design a couple of semesters ago. In those projects I ended up using a lot of symmetry and repetition and the Fractals project remind me of that a lot.

​

I did some Processing back in the day and with that small background and looking at the lines of code for the SierpiÅ„ski Triangle I would say around 4 people were involved in this particular project. Considering all lines of code sometimes don't work perfectly right off the bat I would think around 3 weeks it's what it took to complete the SierpiÅ„ski Triangle.

​

In regards to materials used this whole project has a paper and digital copies where they use color and interactivity respectively.

Creative Coding: About

ASSIGNMENT 2

Drawing

download.png
Creative Coding: About

This is the code for my shapes. I was trying to create a symmetrical image (it's kind of my thing for some reason) with a big quadrangle in the center and different smaller shapes around it. It did not end up looking the way I wanted it to. I was trying to have only the big quadrangle with a stroke() and the rest of the shapes were going to have noStroke() but for some reason every time I added the noStroke() to my squares and triangles everything would end up having noStroke().
The same thing happened with the strokeWeight(). I was trying to have different thicknesses for the shapes that were going to have stroke() but nothing, everything got changed to the same strokeWeight(). I'm not sure if I did something wrong in my code but I compared it to the Professor's code and nothing looked off. As far as I understood the color functions should affect objects until a new function is indicated but even if I put the noStroke() function in my last shape at the end of my code, everything would be changed. It was frustating.

Creative Coding: About

Reading E.M. Forster 'The Machine Stops'

What felt familiar about this story is the dependence on machines. Right now our phones and computers are the devices we are the most dependent on (granted the user has an internet connection since that is a must to be able to fully utilize these devices) and that dependence is only going to get stronger as time goes on.  Nothing was particularly hard to understand except some sentences that didn't make some sense because of their structure but with context I was able to follow along.

I think the reason we would read this story is to bring some sort of awareness. We build these machines or devices and we shouldn't let them control every single aspect of our lives. Another reason, more technical, would be the maintenance of these devices. I'm assuming the reason the Machine collapsed was because nobody was taking care of it to make sure it kept working. It came a point where nobody was moving their own body and there is no way to keep machines in working order like that.

Creative Coding: About

ASSIGNMENT 3

bouncing_ball.jpg
Creative Coding: About

ASSIGNMENT 4

I created a mini game where you control the player with the mouse and the goal is to collect all the coins. Once you collect all the coins, the text will change and you will win the game. If the key 'g' is pressed, the player will change color.

MiniGame.png
Creative Coding: About

ASSIGNMENT 6

I created some rotating ellipses and rectangles to be created randomly in the screen. I limited the ellipses and rectangles within different values of x and y within the screen. I also wanted to add key pressed but that is were I got stuck.

Untitled.png
Creative Coding: About

ASSIGNMENT 7

Objects

For this assignment I created something similar to what we did in class. I created rectangles that move in the x axis and I also created an ellipse that bounces around the whole screen.
I was having issues with the bouncing ball variable but after consulting the Prof. I just had to remove a word and everything was fixed.

Untitled.png
Creative Coding: About

ASSIGNMENT 8

I decided to practice with a simple circuit, similar to one of the examples. I did change some things however, just to mess around and get familiar with the 'software'. I moved the led and the push button to the top of the board and the program is not following the code. So maybe I did something wrong but if I move everything to lower part it works as intended.

 The code here is similar to P5 because it does the same things but in a visual manner. Instead of writing lines of code you get these blocks and you can tell what they are for (for the most part).

Personally I like more P5, I guess because it's something I've done before while taking programming classes. I'm used to writing code so this new visual approach is a little confusing for me. Hopefully I can adapt fast.

​

Untitled.png
Creative Coding: About

ASSIGNMENT 9

Final Project Brainstorming

For this final project unfortunately I don't have a clear idea of what to do just yet. I'm more inclined to do interactive art but this can change. At the moment I will start collecting images because I will use this type of media the most I believe.

One of the examples I was looking at was a Mandala Drawing. Pretty interesting but not sure how this can be implemented in my project. Another examples that caught my eye were experiments the artist Purin Phanichphant made with P5, examples 11 and 21.

In regards of theme, I'm still unsure which path I will take. On one hand, soccer is one of my passions so I would love to work with it. If I wanted to make a project that deals with real issues, the political unrest that was going on in my home country Peru could be another path I could take.

Creative Coding: About

USER TESTING FINAL PROJECT

For the user testing I created a black grid of 5x5. Every time a square is clicked you start uncovering an image. I was unable to make that part work.

https://editor.p5js.org/Krispol/present/v1V1vSNbL

Untitled.png
Creative Coding: About
bottom of page