Digital Bauhaus Vorkurs/Projekte/Formkontraste: Difference between revisions

From Medien Wiki
No edit summary
No edit summary
 
(26 intermediate revisions by 2 users not shown)
Line 2: Line 2:
*Quantitätskontrast
*Quantitätskontrast


===VieleRechtecke===
[[File:MR.png|200px|right]]
[[Media:MR.pde|Code]]<br/>
[[Media:MRClass.pde|Code(Class)]]<br/>
Viele Rechtecke an beliebigen Positionen in verschiedenen Graustufen (frameRate(1);)<br/>
Man kann verschiedene Quantitätskontraste beobachten: schmale Rechteck stehen den breiten gegenüber, kleine den großen.
<br clear="all"/>


===Rechteck im Rechteck===
[[File:2Rect.png|200px|right]]
[[File:2Rect2.png|200px|right]]
[[Media:2Rect.pde|Code]]<br/>
Beliebige Höhen- und Breitenbestimmung des weißen und grauen Rechtecks durch mouseX und MouseY
<br clear="all"/>


===Growing Rect===
[[File:LoopRect.png|right|200px]]
[[File:LoopRect2.png|right|200px]]
[[Media:ProRect.pde|GrowingRect:]]
kleiches Rechteck wächst auf (150,150) und bewegt sich mit der Maus
Hier wird die Figur-Grund Beziehung deutlich: Das Rechteck gewinnt immer mehr an Bedeutung und zieht den Schwerpunkt auf sich. Durch die Bewegung stellt sich das Rechteck den anderen Rechtecken, die sich in Größe und Qualität unterscheiden.
<br clear="all"/>


<gallery>
===Rechtecke und Ellipsen===
File:MR.png|[[Media:MR.pde|MR]]
[[File:Mal.png|right|200px]]
File:2Rect.png|[[Media:2Rect.pde|2Rect]]
[[File:Mal3.png|right|200px]]
File:2Rect2.png|[[Media:2Rect2.pde|2Rect2]]
[[Media:Mal.pde|Code]]<br/>[[Media:Mal2.pde|Code(Class)]]<br/>
File:LoopRect.png|[[Media:ProRect.pde|ProRect]]
Form-an-sich-Kontrast wird durch die zwei Formen hervorgerufen. Auch der Quantitätskontrast kommt zur geltung.
File:KanRandom.png
<br clear="all"/>
File:KanRandom2.png|[[Media:KanRandom.pde|ProRandom]]| [[Media:KanRandomClass.pde|ProClass]]
 
File:KanSlbst.png
===Suprematistische Komposition===
File:KanFarbe.png|[[Media:KanFarbe.pde|Selfmade]]
[[File:KanRandom.png|200px|right]]
</gallery>
[[File:KanRandom2.png|200px|right]]
[[Media:KanRandom.pde|Code]]<br/>[[Media:KanRandomClass.pde|Code(Class)]]<br/>
Suprematistische Komposition:
3 schwarze Rechtecke und 1 gelbe Ellypse tauchen auf verschiedenen Positionen in verschiedenen Größen auf
 
Besonders interessant zu beobachten wird es dann, wenn die Ellipse (oder das Rechteck) zu einer Linie wird, da man dies nicht erwartet.
<br clear="all"/>
 
===Selfmade===
 
[[File:KanSlbst.png|right|200px]]
[[File:KanFarbe.png|right|200px]]
[[Media:KanFarbe.pde|Selfmade:]]


# Positionierung der Form ist frei wählbar
# Positionierung der Form ist frei wählbar
# Anzahl und Art der Formen bestimmbar
# Anzahl und Art der Formen bestimmbar
# 4 Farben (rot, blau, gelb und schwarz) stehen zur Auswahl
# 4 Farben (rot, blau, gelb und schwarz) stehen zur Auswahl
⇒ so kann man selbst ein suprematistisches Bild mit Formkontrasten erstellen
<br clear="all"/>
===Ausdehnende Komposition===
[[File:Stretch.png|right|200px]]
[[File:Stretch2.png|right|200px]]
[[Media:Stretch.pde|Code]]<br/>[[Media:StretchClass.pde|Code(Class)]]<br/>[[Media:StretchShape.pde|Code(Shape)]]<br/>
Die Figuren breiten sich von der Mitte bis auf das ganze Bild aus und wechseln dabei die Größe. Man beobachtet die sich verändernde Zusammenstellung der Figuren. Jedes Mal ist es ein anderes Verhältnis von Rechteck- und Kreismenge.
<br clear="all"/>
===Suprematistische Komposition mit mehreren Rechtecken===
[[File:MalGen.png|right|200px]]
[[File:MalGenNew.png|right|200px]]
[[Media:MalGen.pde|Code]]<br/>[[Media:CodeClass.pde|Code(Class)]]<br/>
(siehe "Suprematistische Komposition") Es ist bei jedem frameRate eine andere Anzahl an Rechtecken. Jedoch immer nur eine Ellypse.
<br clear="all"/>
hier eine Alternative, bei der sich die Farbe der Ellypse ändert:
<gallery>
File:ChangeColor.png
File:ChangeColor2.png
File:ChangeColor1.png
</gallery>
[[Media:ChangeColor.pde|Code]]<br/>[[Media:MalGen.pde|Code(Class)]]


⇒ so kann man selbst ein suprematistisches Bild mit Formkontrasten erstellen
===Quellen===
<br clear="all" />
[http://www.learningprocessing.com/examples/ Learning Processing]<br/>
[http://processing.org/reference/ Processing.org]<br/>
Processing: Creative Coding and Computational Art-Ira Greenberg (Foreword by Keith Peters)<br/>
Generative Gestaltung von Hartmut Bohnacker, Benedikt Groß, Julia Laub und Claudius Lazzeroni

Latest revision as of 08:53, 1 April 2011

  • Form-Form-Kontrast
  • Quantitätskontrast

VieleRechtecke

MR.png

Code
Code(Class)
Viele Rechtecke an beliebigen Positionen in verschiedenen Graustufen (frameRate(1);)
Man kann verschiedene Quantitätskontraste beobachten: schmale Rechteck stehen den breiten gegenüber, kleine den großen.

Rechteck im Rechteck

2Rect.png
2Rect2.png

Code
Beliebige Höhen- und Breitenbestimmung des weißen und grauen Rechtecks durch mouseX und MouseY

Growing Rect

LoopRect.png
LoopRect2.png

GrowingRect: kleiches Rechteck wächst auf (150,150) und bewegt sich mit der Maus Hier wird die Figur-Grund Beziehung deutlich: Das Rechteck gewinnt immer mehr an Bedeutung und zieht den Schwerpunkt auf sich. Durch die Bewegung stellt sich das Rechteck den anderen Rechtecken, die sich in Größe und Qualität unterscheiden.

Rechtecke und Ellipsen

Mal.png
Mal3.png

Code
Code(Class)
Form-an-sich-Kontrast wird durch die zwei Formen hervorgerufen. Auch der Quantitätskontrast kommt zur geltung.

Suprematistische Komposition

KanRandom.png
KanRandom2.png

Code
Code(Class)
Suprematistische Komposition: 3 schwarze Rechtecke und 1 gelbe Ellypse tauchen auf verschiedenen Positionen in verschiedenen Größen auf

Besonders interessant zu beobachten wird es dann, wenn die Ellipse (oder das Rechteck) zu einer Linie wird, da man dies nicht erwartet.

Selfmade

KanSlbst.png
KanFarbe.png

Selfmade:

  1. Positionierung der Form ist frei wählbar
  2. Anzahl und Art der Formen bestimmbar
  3. 4 Farben (rot, blau, gelb und schwarz) stehen zur Auswahl

⇒ so kann man selbst ein suprematistisches Bild mit Formkontrasten erstellen


Ausdehnende Komposition

Stretch.png
Stretch2.png

Code
Code(Class)
Code(Shape)

Die Figuren breiten sich von der Mitte bis auf das ganze Bild aus und wechseln dabei die Größe. Man beobachtet die sich verändernde Zusammenstellung der Figuren. Jedes Mal ist es ein anderes Verhältnis von Rechteck- und Kreismenge.

Suprematistische Komposition mit mehreren Rechtecken

MalGen.png
MalGenNew.png

Code
Code(Class)

(siehe "Suprematistische Komposition") Es ist bei jedem frameRate eine andere Anzahl an Rechtecken. Jedoch immer nur eine Ellypse.

hier eine Alternative, bei der sich die Farbe der Ellypse ändert:

Code
Code(Class)

Quellen

Learning Processing
Processing.org
Processing: Creative Coding and Computational Art-Ira Greenberg (Foreword by Keith Peters)
Generative Gestaltung von Hartmut Bohnacker, Benedikt Groß, Julia Laub und Claudius Lazzeroni