74
edits
→Semester project
No edit summary |
|||
| (9 intermediate revisions by the same user not shown) | |||
| Line 28: | Line 28: | ||
1. [https://codepen.io/ppapadi/full/Pbmboe/ Generative turtle walk]<br> | 1. [https://codepen.io/ppapadi/full/Pbmboe/ Generative turtle walk]<br> | ||
This turtlewalk follows a set of commands and repeats itself at a different angle when the turtle restarts. The red dots are the turning points of the route, but displaced.<br> | This turtlewalk follows a set of commands and repeats itself at a different angle when the turtle restarts. <br> | ||
The red dots are the turning points of the route, but displaced.<br> | |||
[[Image:ppapadi_04.jpg|thumb|left|200px]] <br> | [[Image:ppapadi_04.jpg|thumb|left|200px]] <br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 36: | Line 37: | ||
1a. [https://codepen.io/ppapadi/pen/dOJXzN?editors=0010 Recursive turtle]<br> | 1a. [https://codepen.io/ppapadi/pen/dOJXzN?editors=0010 Recursive turtle]<br> | ||
The module of this turtle is a kind of cardiograph. <br> | The module of this turtle is a kind of cardiograph. <br> | ||
[[Image:ppapadi_05_sketch1.jpg|thumb|left|200px]] <br> | |||
[[Image:ppapadi_05a.jpg|thumb|left|200px]] <br> | [[Image:ppapadi_05a.jpg|thumb|left|200px]] <br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
1b. [https://codepen.io/ppapadi/full/XNVKzW/ Recursive turtle #2 - bonus]<br> | 1b. [https://codepen.io/ppapadi/full/XNVKzW/ Recursive turtle #2 - bonus]<br> | ||
[[Image:ppapadi_05_sketch2.jpg|thumb|left|200px]] <br> | |||
[[Image:ppapadi_05b.jpg|thumb|left|200px]] <br> | [[Image:ppapadi_05b.jpg|thumb|left|200px]] <br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 45: | Line 48: | ||
2. [https://codepen.io/ppapadi/full/xRPypN/ Dancing fractal tree]<br> | 2. [https://codepen.io/ppapadi/full/xRPypN/ Dancing fractal tree]<br> | ||
This fractal tree is controlled according to the angle set by the slider at the lower left. Each set of branches is thinner and whiter than the previous one. <br> | This fractal tree is controlled according to the angle set by the slider at the lower left. <br> | ||
Each set of branches is thinner and whiter than the previous one. <br> | |||
[[Image:ppapadi_05c.jpg|thumb|left|200px]] <br> | [[Image:ppapadi_05c.jpg|thumb|left|200px]] <br> | ||
<br style="clear:both;"> | |||
<br> | |||
== Week 06 == | |||
[https://codepen.io/ppapadi/full/QGJqJr/ Braitenberg vehicle]<br> | |||
These creatures are attracted to light. When reaching the border they make a U-turn. <br> | |||
The fun starts with a click of the mouse. While it lasts, the vehicles leave a red trace and the potential newborns leave red dots. | |||
Upon releasing the mouse, newborns are introduced in the canvas - but they only live until the next click takes place.<br> | |||
[[Image:ppapadi_06.jpg|thumb|left|200px]] <br> | |||
<br style="clear:both;"> | |||
<br> | |||
== Week 07 == | |||
[http://codepen.io/ppapadi/full/yMYLVB/ Braitenberg vehicle with custom environment]<br> | |||
The Braitenbergs are drawing a portrait of a friend of theirs, Hal 9000.<br> | |||
[[Image:ppapadi_07.jpg|thumb|left|200px]] <br> | |||
<br> | |||
<br style="clear:both;"> | |||
== Week 10 == | |||
[https://codepen.io/kayk5654/pen/vggavj Magnetrix]<br> | |||
The needles are initially restless, but after a while they gradually tune to shape constantly shifting patterns of horizontals and verticals. <br> A drag of the mouse over the compasses introduces extra angst and colour to the system. <br> The characteristics of the grid are adjustable through the GUI. <br> | |||
[[Image:ppapadi_10b.jpg|thumb|left|200px]] <br> | |||
<br style="clear:both;"> | |||
<br> | |||
== Semester project == | |||
Work in progress:<br> | |||
[[File:ppapadi_Final1.jpg|200px|thumb|left]]<br> | |||
[[File:ppapadi_Final2.jpg|200px|thumb|left]]<br> | |||
[[File:ppapadi_Final3.jpg|200px|thumb|left]]<br> | |||
<br style="clear:both;"> | |||
[https://codepen.io/ppapadi/pen/aJvzZY?editors=0010 The Urban Braitenbergs]<br> | |||
Stepping on variations we studied in class and the coding sessions, I tried to combine the idea of simulation <br> | |||
with my interest in the process of wayfinding.Braitenberg Vehicles of type 1 (fear) are introduced to <br> | |||
a simulation of urban space. They leave their homes and make their way through the city. <br> | |||
City blocks are generated through the GUI, whereas citizens are introduced with a mouse click. <br> | |||
<br style="clear:both;"> | |||
[[File:ppapadi_Final.jpg|200px|thumb|left]]<br> | |||
<br style="clear:both;"> | <br style="clear:both;"> | ||
<br> | <br> | ||