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>
Retrieved from "https://www.uni-weimar.de/kunst-und-gestaltung/wiki/GMU:Algorithmic_Art/Yasmin_Mukino"