GMU:Algorithmic Art/Yasmin Mukino: Difference between revisions

From Medien Wiki
Line 150: Line 150:
! style="width: 50%" | Algorithm
! style="width: 50%" | Algorithm
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Img HGP Nov2.png|600px]]</div>  
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>  
| <div class="margin" style="margin:1em;">
| <div class="margin" style="margin:1em;">

Revision as of 12:25, 7 December 2018


Algorithm for Humans 1 — 19.10.18 / Week 2

Result Algorithm
Introductory Algorithm

Homework from Week 1 / Introduction

Superimposed results of the Introductory Algorithm. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.



Algorithm for Computers 1 — 19.10.18 / Week 2

Result Algorithm
First Practice

In-Class Practice 2.1

Executing a work of an unknown work of a Bauhaus student by using Processing.
Second Practice

In-Class Practice 2.2

Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
Third Practice

In-Class Practice 2.3

Executing a work of Portrait, Kasimir Malewitsch by using Processing.

Homework 2.1

Trying out mouse interaction mouseX and mouseY.




Algorithm for Computers 2 — 26.10.18 / Week 3

In-Class Practice 3.1

Exploring different ways of animating with Processing

In-Class Practice 3.2

Exploring different ways of animating with Processing
Practicing while loops.

Home Practice 3.1

Based on randomized integers, Processing generates a different image every time it runs.

Home Practice 3.2

Colors of each box change based on the randomized selection from the sketch's color palette.

Home Practice 3.3

Keyboard and mouse interactions combined. Pressing spacebar moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.

Home Practice 3.4

Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.

Home Practice 3.5

Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.

Home Practice 3.6

Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.

Home Practice 3.7

Keyboard interaction. By pressing either the keyboard case L or R it will change the color of chosen shape (left/right).

Home Practice 3.8

Mouse tracking
WeekFour Lynda fiveTwo PerlinNoise.png

Home Practice 3.9

Perlin noise

Home Practice 3.10

continous generated circles based on random radius and color values



Algorithm for Computers 3 — 02.11.2018 / Week 4

Result Algorithm

Homework from Week 3 / Assignment III: Digital Programming

Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.



Algorithm for Humans 2 — 02.11.18 / Week 4

Result Algorithm
Hgp1 0002.jpg

Hey! Whoever got my sketchbook, here is the instruction for the Human Graphical Processors assignment for week of November 2nd:

File:Human Graphical Processors HGC MukinoY.rtf.
WeekFour assFour Starlight.gif

Homework from Week 3 / Assignment IV: Generative Image/Animation