danimationcoding

[danimationcoding]

Generative Program

My program creates a leaf/sprouting plant inspired drawing when you open it. This is considered generative art because it uses code to create in real time a piece of art.

Peer Blog Review: I reviewed Harol’s generative art and he created a pattern that was made through repeated instructions of rotation. It was very good and complex and he had a good explanation of what made it considered to be generative art.

function setup(){   createCanvas(400, 400); } function draw () {   background(52, 152, 219);   stroke(0,128,0)   translate(200, height);   branch(100);

}

function branch(len) {   line(0,0,0,-len);   translate(0, -len);   rotate(PI/4);    line(0,0,0,-len);   if (len > 4) {   branch(len * 0.67);   }   //line(0,0,0,-len * 0.67); }

[danimationcoding]

Nick Montfort, “Randomness”

This reading was about the fact randomness and the fact that computers cannot guess (they can only follow instructions) so computer get their randomization from a “seed” that is taken from an source that is changing unpredictably. According to the reading modern computers are able to do this in miliseconds. To “grow” the random seed, you use an algorithm where you “multiply the seed by itself, output the middle of the result, repeat with that result, and so on.” which allows for unpredictable and random results.

[danimationcoding]

“The Enduring Ephemeral, or the Future Is a Memory” by Wendy Hui Kyong Chun

I thought Chun’s writings about new media were insightful and interesting. She describes new media as data and memory that is quickly circulated and just as quickly replaced. In her examples she said some new media is like hot YouTube videos that are already old, I think this part is especially true as many people have noticed that the pace at which popular jokes and posts become old and stale has quickened to the point that sometimes posts blow up over night and die the next day. New media also shows the relation between humans and machines through the concepts of memory and storage, our memory being our brains and the retention of these memories being the storage.

[danimationcoding]

Final Project Sketches

We wanted to show the weather through symbols or images and I found this video that is a good example of what wanted to make. https://youtu.be/YJnTUyNZuyY

I also used this video to help find and insert the weather data into our project. https://youtu.be/rJaXOFfwGVw as well as this video for adding images to the project. https://youtu.be/FVYGyaxG4To

[danimationcoding]

Final Project

Our idea for the final project was to make a code that could retrieve weather data from wherever the user searches and it would an image of what kind of weather it was at the time (ex. a picture of a snowflake of snow if its cold/snowing there, etc). This idea then evolved to be more geared towards how people become addicted to checking each and every single detail before leaving their homes, so we would add more information that was incredibly specific like low-tide & high tide times, etc. The reference video we used to help make this code is: https://www.youtube.com/watch?v=4UoUqnjUC2c

. Unfortunately the code stopped working the morning of the presentation and we were unable to fix it.

[danimationcoding]

Troubles with the the code 

Weather API Exercise

[danimationcoding]

Blog Reviews

Ben’s blog has thorough explanations of his creations and related pictures. The only thing I would say is to check spelling as brief is incorrectly spelled in the first post and maybe have a more organized way of presenting the information (see blog below as example) 

Liam’s blog is wellmade, neat, and organized. It was easy to locate assignments and he provides lots of information about his creations and they are separated into paragraphs. 

[danimationcoding]

 Loop 

var y = 100;

function setup() {  createCanvas(720, 400);   stroke(0, 255, 0);     frameRate(30); } function draw() {  background(0, 0, 255);     y = y - 1;  if (y < 0) {    y = height;  }  line(0, y, width, y);   }

This is a simple loop based off of ‘Loop’ in Software Studies by M.Fuller. The code under draw() continue on until the program is stopped, each line is executed in the code and then when it reaches the end it starts again from the top line.

[danimationcoding]

Throbber Design

My throbber is made to look like a sun, I made it with things like weather services to use on their websites. I made it by putting a star object and having it rotate to show that it was the page was loading

[danimationcoding]

Glitch Character

The character was inspired by tv error “glitches” (see below)  and the colours follow the mouse and change colour with it. 

https://alpha.editor.p5js.org/danaej3/sketches/BkGOT0pef

[danimationcoding]

MyPatch Link

https://drive.google.com/file/d/1DAsc9VkEv9j-um9vN6vxJUauLLZE8Z-j/view?usp=sharing

[danimationcoding]

My Patch

I created a patch in Pd that creates a “volcano” that has moving particles, a triangle object, and text. The first line of information on the left creates the triangle object and you can change the shape into other things like a square or circle by editing the last box. The second line on the right creates the particles, the furthest boxes set the colours of the particles 110 being white, 100 being red, and 120 yellow. The text is in the last line and you can edit what the text says in the last box after textoutline. 

[danimationcoding]

Pd

Todays work in class and outside of class. 

[danimationcoding]

Futherfield Gallery

The exhibition was about addiction, the first installation was a slot machine that displayed various photos from an instagram feed, which represents the connections between gambling and other forms of addiction and social media sites.

The sounds in one of the pieces were taken from a twitter feed and inputted into a voice that whispered what they said. The artist also used creative coding to programme a sort of game in the last installation; When you clicked on the eyes on the screen the computer would track the speed at which you clicked it and then put a circle for how fast.

[danimationcoding]

CSS Coding - adding an opacity filter that is activated and deactivated by hovering over the image with the mouse and icons at the top of the page.

[danimationcoding]

The Pirate Cinema

I chose The Pirate Cinema artwork, it is a program that monitors the illegal sharing of cinema. It uses BitTorrent and P2P file sharing to watch as internet users illegal download and spread movies from online in real time. The artist is Nicolas Maigret, she’s from France and the concept is about sharing media and intellectual property by the BitTorrent Piracy Bay. I like that you can see in real time people essentially committing a crime and seeing the visual representation of the files they download. 

[danimationcoding]

London Design Festival

At the V & A, my favourite exhibit was Get Inside the Music. It was using the music of Daisy and The Dark to allow you to take part in live ‘silent’ performances experienced only via Bluetooth headphones. Using an app, you could change the songs to be more jazzy, electronic, or rock & roll and all the different versions were synced up with each other so you were able to switch between them seamlessly. When you didn’t have headphones on you could hear the acoustic version of the song as the lead singer performed live. This kind of interactivity in music is really amazing, giving listeners the option to create their own versions of the song brings a new take on music. It brings a sort of customization to music that hasn’t been introduced before now and brings you away from the normal one song kind option that is normally in music. It allows you to choose the type of music you like best all in one song.