96
edits
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| | |<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| | |<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| | |<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> |
edits