GMU:Einführung ins Programmieren mit Processing/Seminar: Difference between revisions

From Medien Wiki
Line 215: Line 215:


== Homework ==
== Homework ==
Look for a visual pattern on your way home, at your house, somewhere around you. that can be: a textile, the pattern on the sidepath, a pattern in the sky, a pattern on your wallpaper. Make a photo or a sketch.
Look for a visual pattern on your way home, at your house, somewhere around you. that can be: a textile, the pattern on the sidepath, a pattern in the sky, a pattern on your wallpaper. Make a photo or a sketch.


Patterns are always repetitions of elements. The elements are sorted in a certain way. That’s the rhythm. try to describe the rhythm. cut your pattern in its smallest elements. How many elements do you have. in which way are they composed? write a short text about the composition.
Patterns are always repetitions of elements. The elements are sorted in a certain way. That’s the rhythm. try to describe the rhythm. cut your pattern in its smallest elements. How many elements do you have. in which way are they composed? write a short text about the composition.


=== cobblestone ===
=== cobblestone ===
Line 226: Line 223:
http://farm6.static.flickr.com/5280/5895055290_ebde12b4b0_m.jpg<br/>
http://farm6.static.flickr.com/5280/5895055290_ebde12b4b0_m.jpg<br/>
''cobblestone'' (photo cc-by-sa by a2t [http://www.flickr.com/photos/a2t/])
''cobblestone'' (photo cc-by-sa by a2t [http://www.flickr.com/photos/a2t/])


Cobblestone pavements are often laid in interesting patterns like the one shown above.
Cobblestone pavements are often laid in interesting patterns like the one shown above.
Line 233: Line 229:


Due to the irregularities in the stone's sizes a random component is added to the pattern, making it harder to decode while still keeping it repetitive.
Due to the irregularities in the stone's sizes a random component is added to the pattern, making it harder to decode while still keeping it repetitive.


'''Pattern definition''':
'''Pattern definition''':
Line 254: Line 249:


=== Growing Ivy ===
=== Growing Ivy ===
 
[[File:tree all elements.jpg|thumb]]
[[File:tree all elements.jpg|600px]]
 
The pattern of growing ivy is a pretty dense one. The leaves are the smallest elements within that pattern. Looking at the boundaries of it you can observe that ivy grows up in lines, each covered with leaves to the left and right side by turn. Through this the pattern has an appearance like an organic, random grid which is extendable in all directions.
The pattern of growing ivy is a pretty dense one. The leaves are the smallest elements within that pattern. Looking at the boundaries of it you can observe that ivy grows up in lines, each covered with leaves to the left and right side by turn. Through this the pattern has an appearance like an organic, random grid which is extendable in all directions.


--Julia Putscher
--Julia Putscher
 
<br clear="all" />
=== Textile on a Chair ===
=== Textile on a Chair ===
[[File:Chair4.jpg|thumb]]
The textile pattern on this chair has alternating vertical stripes. Some of these stripes are solid colors; others have patterns within them. Within the patterned stripes, a few have vertically stacked repeating elements. One set has a floral pattern sitting alone a line that resembles a sine wave. The floral pattern mirrors itself along the vertical axis. <br />
Color plays an important role in this textile pattern, as the plain black stripe is consistently placed between the two main alternating floral stripes. The black stripe contrasts sharply with the flowery pastels.


[[File:Chair4.jpg]]
The textile pattern on this chair has alternating vertical stripes. Some of these stripes are solid colors; others have patterns within them. Within the patterned stripes, a few have vertically stacked repeating elements. One set has a floral pattern sitting alone a line that resembles a sine wave. The floral pattern mirrors itself along the vertical axis. <br>
Color plays an important role in this textile pattern, as the plain black stripe is consistently placed between the two main alternating floral stripes. The black stripe contrasts sharply with the flowery pastels. <br>
--Dianna Mertz
--Dianna Mertz
 
<br clear="all" />
 
=== Spider ===
=== Spider ===
 
[[File:Spider0.jpg‎|thumb]]
[[File:Spider0.jpg‎]]
 
This is the spider on the white wall. It has two antennas and 8 feet, 3 long and 5 short feet. The most part of it is symmetrical. I think it can be realized through rotation and mirror effects.
This is the spider on the white wall. It has two antennas and 8 feet, 3 long and 5 short feet. The most part of it is symmetrical. I think it can be realized through rotation and mirror effects.


--Lu Jin
--Lu Jin
 
<br clear="all" />
=== Case===
=== Case===
 
[[File:Upperpartofaharddrive.jpg‎|thumb]]
[[File:Upperpartofaharddrive.jpg‎|700px]]


A sketch of a part from a hard drive case. It consists of two lines of a different length and a point. Put this in a line, one line, one point, one line, three points, and in the next line just mirror it.
A sketch of a part from a hard drive case. It consists of two lines of a different length and a point. Put this in a line, one line, one point, one line, three points, and in the next line just mirror it.


Raphael K.
Raphael K.
 
<br clear="all" />
 
=== My midnight pizza===
=== My midnight pizza===
 
[[File:pizza surface2.gif‎|thumb]]
[[File:pizza_surface2.gif‎|300px]]
 
Do you like pizza? yes I like it. Pizza is always founded as circle big shape background then come after with a lot of edible stuffs on second layer or surface. Your favorite pizza always decorates with tomatoes, concentrated-tomatoes sauce, cheese, pepperoni, paprika, salami,  and so on.
Do you like pizza? yes I like it. Pizza is always founded as circle big shape background then come after with a lot of edible stuffs on second layer or surface. Your favorite pizza always decorates with tomatoes, concentrated-tomatoes sauce, cheese, pepperoni, paprika, salami,  and so on.
They are laid on the surface with random position but with sense of human that drop anythings on surface with an appropriate position:- not too far, no too close to each other. More,each will be laid on each other layer by layer.
They are laid on the surface with random position but with sense of human that drop anythings on surface with an appropriate position:- not too far, no too close to each other. More,each will be laid on each other layer by layer.


-PATawat. P-
-PATawat. P-
 
<br clear="all" />
=== Plattenbau ===
=== Plattenbau ===
http://farm6.static.flickr.com/5305/5597569756_aff9d2942c_m.jpg<br/>
http://farm6.static.flickr.com/5305/5597569756_aff9d2942c_m.jpg<br/>
Line 303: Line 288:


// [[Sebastian Wolf|Sebastian]]
// [[Sebastian Wolf|Sebastian]]
 
<br clear="all" />
=== Sofakissen ===
=== Sofakissen ===
 
[[File:Sofakissen.jpg|thumb]]
[[File:Sofakissen.jpg]]
 
(Farben auf dem Bild nicht originalgetreu...)
(Farben auf dem Bild nicht originalgetreu...)


Line 320: Line 303:
|Alexander Gustke|
|Alexander Gustke|


 
<br clear="all" />
===Jelena Djokic===
===Jelena Djokic===
 
[[File:Pattv.jpg|thumb]]
A tent pattern
A tent pattern
[[File:Pattv.jpg|400px]]


Though is the composition of the pattern simple central structure, the complexity comes from the structure and the way, the patterns with each other connected are. This provokes 3dimensionality, on the way, that putting facets together by different angles provokes the look of broken lines and broken shapes.
Though is the composition of the pattern simple central structure, the complexity comes from the structure and the way, the patterns with each other connected are. This provokes 3dimensionality, on the way, that putting facets together by different angles provokes the look of broken lines and broken shapes.
 
<clear="all" />
===Andreas Dietrich: Pavement===
===Andreas Dietrich: Pavement===
[[File:ProcessingStone.JPG|thumb]]
Pavements have often paving stones. The are many patterns available. In this example the pavement consists of two rectangle. Both have the same heights. The bigger one has a width of the height times two. The width and the height of the smaller one is equal.
Pavements have often paving stones. The are many patterns available. In this example the pavement consists of two rectangle. Both have the same heights. The bigger one has a width of the height times two. The width and the height of the smaller one is equal.


Line 337: Line 319:
Repeat this steps, if you want.
Repeat this steps, if you want.


[[File:ProcessingStone.JPG|400px]]
<br clear="all" />
 
<br />
<br />
 
===Tristan Weis: Couch cloth pattern===
===Tristan Weis: Couch cloth pattern===
[[File:Couchclothpattern.jpg|400px]]
[[File:Couchclothpattern.jpg|thumb]]
 
[[File:Couchclothpatternsketch.jpg|thumb]]
The pattern consists of very small strings. There are strings from the bottom to the top, and from left to right. Running from one side to another, every few millimeters a batch of strings runs over the crossing batch; after that it runs under the next one; over the one after - and so on. The batches running from left to right seem slightly thicker, forming a diversified web with the thinner ones from top to bottom.
The pattern consists of very small strings. There are strings from the bottom to the top, and from left to right. Running from one side to another, every few millimeters a batch of strings runs over the crossing batch; after that it runs under the next one; over the one after - and so on. The batches running from left to right seem slightly thicker, forming a diversified web with the thinner ones from top to bottom.


''Sketch:''<br />
<br clear="all" />
[[File:Couchclothpatternsketch.jpg|400px]]
 
 
===Florian Meyer: Fake 3D===
===Florian Meyer: Fake 3D===
[[File:pattern_rhombus.jpg|left|thumb|Click me!]] <br><br><br><br><br><br><br><br><br><br>
[[File:pattern rhombus.jpg|thumb|Click me!]]
 
This pattern provides an illusion of depth due to use of simple 2D geometry (rhombus) with different shades that matches with our conception of how three-dimensional shapes must look like as soon as light is getting reflected off their surfaces from a specific angle.
This pattern provides an illusion of depth due to use of simple 2D geometry (rhombus) <br>
with different shades that matches with our conception of how three-dimensional <br>
shapes must look like as soon as light is getting reflected off their surfaces <br>
from a specific angle.
 


<br clear="all" />
===Jan Schepanski: Schneefall===
===Jan Schepanski: Schneefall===
http://www.buecherundbilder.de/images/schneefall.jpg
http://www.buecherundbilder.de/images/schneefall.jpg


Line 368: Line 338:
So wie jede Schneeflocke nach dem Regelwerk der Natur gebildet wird, so segeln sie dahin, getrieben von Wind, Schwerkraft und der Lust des Tanzes.
So wie jede Schneeflocke nach dem Regelwerk der Natur gebildet wird, so segeln sie dahin, getrieben von Wind, Schwerkraft und der Lust des Tanzes.


 
<br clear="all" />
===Johannes Konrad Altmann===
===Johannes Konrad Altmann===


[[File:Asymmetrie_1.jpg|350px]]<br><br>
[[File:Asymmetrie 1.jpg|thumb]]
[[File:Asymmetrie_2.jpg|350px]]
[[File:Asymmetrie 2.jpg|thumb]]
 


'''Asymmetric Balance!'''
'''Asymmetric Balance!'''
Retrieved from "https://www.uni-weimar.de/kunst-und-gestaltung/wiki/GMU:Einführung_ins_Programmieren_mit_Processing/Seminar"