Creative Coding

Overview

In one of classes, 15-104, I used p5js to create some interactive coded visuals. Below are some of my experiments and projects with this class! This was all done to understand how we can create different methods of visualizers to create interaction between the user and computer. 

​

Skills

Javascript: p5js

Abstract Clock

With this project, we created a clock that was an abstraction of the traditional clocks that we see. With this code, I played around with the second(), minute(), and hour() functions. To see to code, click here.

Coded Wallpaper

With this project, I played around with for loops and rotation functions to create patterns that I repeated to create a wallpaper. To see to the code, click here.

Screen Shot 2019-10-07 at 6.13.25 PM.png

Playing with Curves

With this project, I worked with math functions and equations to create curves that responded to my mouse movements. This project ended up mimicking what it would look like when looking through a kaleidoscope. To interact with the code, click here. 

Screen Shot 2019-10-09 at 7.01.54 PM.png
Screen Shot 2019-10-09 at 7.02.32 PM.png
Screen Shot 2019-10-09 at 7.03.12 PM.png
Screen Shot 2019-10-09 at 7.02.18 PM.png

Changing Landscape

With this project, I created a computational landscape, that generated based on random numbers. This code uses objects, arrays, and the random function to create an ever changing landscape of mountains over an ocean. To see the code, click here.