No edit summary |
|||
| (10 intermediate revisions by the same user not shown) | |||
| Line 17: | Line 17: | ||
[[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;"> | <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 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 34: | Line 35: | ||
== Week 05 == | == 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> | 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> | |||
[[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> | |||
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;"> | |||
[[File:ppapadi_Final.jpg|200px|thumb|left]]<br> | |||
<br style="clear:both;"> | <br style="clear:both;"> | ||
<br> | <br> | ||
Latest revision as of 21:54, 28 February 2017
Week 01
Course application project
The drawing instructions are sketched out here:
The result is here:
Week 03
1. Random distribution matrix
This centralized ray matrix is a visualisation of a random distribution of interconnected points.
2a. Curve controlled by randomness
2b. Curve controlled by randomness - bonus
Week 04
1. Generative turtle walk
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.
Week 05
1a. Recursive turtle
The module of this turtle is a kind of cardiograph.
1b. Recursive turtle #2 - bonus
2. Dancing fractal tree
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.
Week 06
Braitenberg vehicle
These creatures are attracted to light. When reaching the border they make a U-turn.
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.
Week 07
Braitenberg vehicle with custom environment
The Braitenbergs are drawing a portrait of a friend of theirs, Hal 9000.
Week 10
Magnetrix
The needles are initially restless, but after a while they gradually tune to shape constantly shifting patterns of horizontals and verticals.
A drag of the mouse over the compasses introduces extra angst and colour to the system.
The characteristics of the grid are adjustable through the GUI.
Semester project
Work in progress:
The Urban Braitenbergs
Stepping on variations we studied in class and the coding sessions, I tried to combine the idea of simulation
with my interest in the process of wayfinding.Braitenberg Vehicles of type 1 (fear) are introduced to
a simulation of urban space. They leave their homes and make their way through the city.
City blocks are generated through the GUI, whereas citizens are introduced with a mouse click.
