GMU:Algorithmic Art/Yasmin Mukino: Difference between revisions

From Medien Wiki
No edit summary
No edit summary
Line 31: Line 31:
Executing a work of an unknown work of a Bauhaus student by using Processing.</div>
Executing a work of an unknown work of a Bauhaus student by using Processing.</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|First Practice]]</div>  
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>  
|<div class="margin" style="margin:1em;">
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
''In-Class Practice 2.2''<br>
Line 37: Line 37:
|-
|-
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|First Practice]]</div>  
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>  
|<div class="margin" style="margin:1em;">
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.</div>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px|First Practice]]</div>  
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>  
|<div class="margin" style="margin:1em;">
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.</div>
Trying out mouse interaction mouseX and mouseY.</div>
|-
|-
|}
<br>
<br>
==Algorithm for Computers 2 — 26.10.18  / Week 3 ==
{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
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.</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
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.</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
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. </div>
|}
|}
<br>
<br>
<br>
<br>

Revision as of 01:02, 2 November 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.

Introductory Algorithm

Description, scan, photo, text or file of the algorithm here. Please also include possible references or inspirations with links if you can.



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.