96
edits
| No edit summary | No edit summary | ||
| Line 94: | Line 94: | ||
| ''Home Practice 3.5''<br> | ''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> | 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> | ||
| |- | |||
| |<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>  | |||
| |<div class="margin" style="margin:1em;"> | |||
| ''Home Practice 3.6''<br> | |||
| Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.</div> | |||
| |- | |||
| |<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>  | |||
| |<div class="margin" style="margin:1em;"> | |||
| ''Home Practice 3.7''<br> | |||
| Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).</div> | |||
| |- | |||
| |<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>  | |||
| |<div class="margin" style="margin:1em;"> | |||
| ''Home Practice 3.8''<br> | |||
| Mouse tracking</div> | |||
| |- | |||
| |- | |||
| |<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>  | |||
| |<div class="margin" style="margin:1em;"> | |||
| ''Home Practice 3.9''<br> | |||
| Perlin noise</div> | |||
| |- | |||
| |- | |||
| |<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>  | |||
| |<div class="margin" style="margin:1em;"> | |||
| ''Home Practice 3.10''<br> | |||
| continous generated circles based on random radius and color values</div> | |||
| |- | |||
| |} | |} | ||
| <br> | |||
| <br> | |||
| ==Algorithm for Computers 3 — 02.11.2018 / Week 4 == | |||
| {| border="1" | |||
| |-  | |||
| ! style="width: 50%" | Result | |||
| ! style="width: 50%" | Algorithm | |||
| |- | |||
| |<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br> | |||
| [[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]] | |||
| </div>  | |||
| | <div class="margin" style="margin:1em;"> | |||
| ''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. </div> | |||
| |- | |||
| |} | |||
| <br> | <br> | ||
| <br> | <br> | ||
edits