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