74
edits
→Semester project
No edit summary |
|||
| (16 intermediate revisions by the same user not shown) | |||
| Line 5: | Line 5: | ||
The drawing instructions are sketched out here: <br> | The drawing instructions are sketched out here: <br> | ||
[[File:ppapadi_01a.jpg|thumb|left|200px]] <br> | [[File:ppapadi_01a.jpg|thumb|left|200px]] <br> | ||
<br style="clear:both;"> | |||
The result is here: <br> | The result is here: <br> | ||
[[File:ppapadi_01b.jpg|thumb|left|200px]] <br> | [[File:ppapadi_01b.jpg|thumb|left|200px]] <br> | ||
| Line 13: | Line 14: | ||
1. [http://codepen.io/ppapadi/pen/QGdqKb?editors=0010 Random distribution matrix] <br> | 1. [http://codepen.io/ppapadi/pen/QGdqKb?editors=0010 Random distribution matrix] <br> | ||
This centralized ray matrix is a visualisation of a random distribution of interconnected points. <br> | |||
[[Image:ppapadi_03a.jpg|thumb|left|200px]] <br> | [[Image:ppapadi_03a.jpg|thumb|left|200px]] <br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
2a. [http://codepen.io/ppapadi/pen/eBgwLQ?editors=0010 Curve controlled by randomness] <br> | |||
[[Image:ppapadi_03b.jpg|thumb|left|200px]] <br> | [[Image:ppapadi_03b.jpg|thumb|left|200px]] <br> | ||
<br style="clear:both;"> | |||
2b. [http://codepen.io/ppapadi/pen/jVyGLq?editors=0010 Curve controlled by randomness - bonus] <br> | |||
[[Image:ppapadi_03c.jpg|thumb|left|200px]] <br> | [[Image:ppapadi_03c.jpg|thumb|left|200px]] <br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 24: | Line 27: | ||
== Week 04 == | == Week 04 == | ||
1. [https://codepen.io/ | 1. [https://codepen.io/ppapadi/full/Pbmboe/ Generative turtle walk]<br> | ||
The | This turtlewalk follows a set of commands and repeats itself at a different angle when the turtle restarts. <br> | ||
[[Image: | The red dots are the turning points of the route, but displaced.<br> | ||
[[Image:ppapadi_04.jpg|thumb|left|200px]] <br> | |||
<br style="clear:both;"> | |||
== Week 05 == | |||
1a. [https://codepen.io/ppapadi/pen/dOJXzN?editors=0010 Recursive turtle]<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> | |||
<br style="clear:both;"> | |||
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> | |||
<br style="clear:both;"> | |||
<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. <br> | |||
Each set of branches is thinner and whiter than the previous one. <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;"> | <br style="clear:both;"> | ||
[[File:ppapadi_Final.jpg|200px|thumb|left]]<br> | |||
[ | |||
<br style="clear:both;"> | <br style="clear:both;"> | ||
<br> | <br> | ||