User:Ppapadi: Difference between revisions

74 editsJoined 17 November 2016
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;">
2. [http://codepen.io/ppapadi/pen/eBgwLQ?editors=0010 Curve controlled by randomness] <br>
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;">
3. [http://codepen.io/ppapadi/pen/jVyGLq?editors=0010 Curve controlled by randomness - bonus] <br>
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 ==  


1. [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;">


2. [https://codepen.io/ppapadi/full/XNVKzW/ Recursive turtle #2]<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>
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

User:ppapadi

Week 01

Course application project
The drawing instructions are sketched out here:

Ppapadi 01a.jpg



The result is here:

Ppapadi 01b.jpg




Week 03

1. Random distribution matrix
This centralized ray matrix is a visualisation of a random distribution of interconnected points.

Ppapadi 03a.jpg



2a. Curve controlled by randomness

Ppapadi 03b.jpg



2b. Curve controlled by randomness - bonus

Ppapadi 03c.jpg




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.

Ppapadi 04.jpg



Week 05

1a. Recursive turtle
The module of this turtle is a kind of cardiograph.

Ppapadi 05 sketch1.jpg


Ppapadi 05a.jpg



1b. Recursive turtle #2 - bonus

Ppapadi 05 sketch2.jpg


Ppapadi 05b.jpg




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.

Ppapadi 05c.jpg




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.

Ppapadi 06.jpg




Week 07

Braitenberg vehicle with custom environment
The Braitenbergs are drawing a portrait of a friend of theirs, Hal 9000.

Ppapadi 07.jpg




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.

Ppapadi 10b.jpg




Semester project

Work in progress:

Ppapadi Final1.jpg


Ppapadi Final2.jpg


Ppapadi Final3.jpg



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.

Ppapadi Final.jpg