<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?action=history&amp;feed=atom&amp;title=User%3AAnastasiya%2FFormkontraste_mit_Processing_%28Java%29</id>
	<title>User:Anastasiya/Formkontraste mit Processing (Java) - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?action=history&amp;feed=atom&amp;title=User%3AAnastasiya%2FFormkontraste_mit_Processing_%28Java%29"/>
	<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=User:Anastasiya/Formkontraste_mit_Processing_(Java)&amp;action=history"/>
	<updated>2026-04-09T00:58:11Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.39.6</generator>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=User:Anastasiya/Formkontraste_mit_Processing_(Java)&amp;diff=28601&amp;oldid=prev</id>
		<title>Anastasiya: /* VieleRechtecke */</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=User:Anastasiya/Formkontraste_mit_Processing_(Java)&amp;diff=28601&amp;oldid=prev"/>
		<updated>2011-06-13T19:21:22Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;VieleRechtecke&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 19:21, 13 June 2011&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l8&quot;&gt;Line 8:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 8:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[File:MR.png|200px|right]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[File:MR.png|200px|right]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Media:MR.pde|Code]]&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Media:MR.pde|Code]]&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Media:MRClass.pde|Code(Class)]]&amp;lt;br/&gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Viele Rechtecke an beliebigen Positionen in verschiedenen Graustufen (frameRate(1);)&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Viele Rechtecke an beliebigen Positionen in verschiedenen Graustufen (frameRate(1);)&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Man kann verschiedene Quantitätskontraste beobachten: schmale Rechteck stehen den breiten gegenüber, kleine den großen.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Man kann verschiedene Quantitätskontraste beobachten: schmale Rechteck stehen den breiten gegenüber, kleine den großen.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Anastasiya</name></author>
	</entry>
	<entry>
		<id>https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=User:Anastasiya/Formkontraste_mit_Processing_(Java)&amp;diff=28362&amp;oldid=prev</id>
		<title>Anastasiya: Created page with &quot;*Form-Form-Kontrast *Quantitätskontrast  Inspiriert von Malevitschs &#039;&#039;Suprematistische Komposition &#039;&#039; Umgesetzt mit Processing (Programmierung mit Java)   ===VieleRechtecke=== [...&quot;</title>
		<link rel="alternate" type="text/html" href="https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=User:Anastasiya/Formkontraste_mit_Processing_(Java)&amp;diff=28362&amp;oldid=prev"/>
		<updated>2011-06-09T11:27:42Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;*Form-Form-Kontrast *Quantitätskontrast  Inspiriert von Malevitschs &amp;#039;&amp;#039;Suprematistische Komposition &amp;#039;&amp;#039; Umgesetzt mit Processing (Programmierung mit Java)   ===VieleRechtecke=== [...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;*Form-Form-Kontrast&lt;br /&gt;
*Quantitätskontrast&lt;br /&gt;
&lt;br /&gt;
Inspiriert von Malevitschs &amp;#039;&amp;#039;Suprematistische Komposition &amp;#039;&amp;#039;&lt;br /&gt;
Umgesetzt mit Processing (Programmierung mit Java) &lt;br /&gt;
&lt;br /&gt;
===VieleRechtecke===&lt;br /&gt;
[[File:MR.png|200px|right]]&lt;br /&gt;
[[Media:MR.pde|Code]]&amp;lt;br/&amp;gt;&lt;br /&gt;
[[Media:MRClass.pde|Code(Class)]]&amp;lt;br/&amp;gt;&lt;br /&gt;
Viele Rechtecke an beliebigen Positionen in verschiedenen Graustufen (frameRate(1);)&amp;lt;br/&amp;gt;&lt;br /&gt;
Man kann verschiedene Quantitätskontraste beobachten: schmale Rechteck stehen den breiten gegenüber, kleine den großen.&lt;br /&gt;
&amp;lt;br clear=&amp;quot;all&amp;quot;/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Rechteck im Rechteck===&lt;br /&gt;
[[File:2Rect.png|200px|right]]&lt;br /&gt;
[[File:2Rect2.png|200px|right]]&lt;br /&gt;
[[Media:2Rect.pde|Code]]&amp;lt;br/&amp;gt;&lt;br /&gt;
Beliebige Höhen- und Breitenbestimmung des weißen und grauen Rechtecks durch mouseX und MouseY&lt;br /&gt;
&amp;lt;br clear=&amp;quot;all&amp;quot;/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Growing Rect===&lt;br /&gt;
[[File:LoopRect.png|right|200px]]&lt;br /&gt;
[[File:LoopRect2.png|right|200px]]&lt;br /&gt;
[[Media:ProRect.pde|GrowingRect:]]&lt;br /&gt;
kleiches Rechteck wächst auf (150,150) und bewegt sich mit der Maus&lt;br /&gt;
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.&lt;br /&gt;
&amp;lt;br clear=&amp;quot;all&amp;quot;/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Rechtecke und Ellipsen===&lt;br /&gt;
[[File:Mal.png|right|200px]]&lt;br /&gt;
[[File:Mal3.png|right|200px]]&lt;br /&gt;
[[Media:Mal.pde|Code]]&amp;lt;br/&amp;gt;[[Media:Mal2.pde|Code(Class)]]&amp;lt;br/&amp;gt;&lt;br /&gt;
Form-an-sich-Kontrast wird durch die zwei Formen hervorgerufen. Auch der Quantitätskontrast kommt zur geltung.&lt;br /&gt;
&amp;lt;br clear=&amp;quot;all&amp;quot;/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Suprematistische Komposition===&lt;br /&gt;
[[File:KanRandom.png|200px|right]]&lt;br /&gt;
[[File:KanRandom2.png|200px|right]]&lt;br /&gt;
[[Media:KanRandom.pde|Code]]&amp;lt;br/&amp;gt;[[Media:KanRandomClass.pde|Code(Class)]]&amp;lt;br/&amp;gt;&lt;br /&gt;
Suprematistische Komposition:&lt;br /&gt;
3 schwarze Rechtecke und 1 gelbe Ellypse tauchen auf verschiedenen Positionen in verschiedenen Größen auf&lt;br /&gt;
&lt;br /&gt;
Besonders interessant zu beobachten wird es dann, wenn die Ellipse (oder das Rechteck) zu einer Linie wird, da man dies nicht erwartet.&lt;br /&gt;
&amp;lt;br clear=&amp;quot;all&amp;quot;/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Selfmade===&lt;br /&gt;
&lt;br /&gt;
[[File:KanSlbst.png|right|200px]]&lt;br /&gt;
[[File:KanFarbe.png|right|200px]]&lt;br /&gt;
[[Media:KanFarbe.pde|Selfmade:]]&lt;br /&gt;
&lt;br /&gt;
# Positionierung der Form ist frei wählbar&lt;br /&gt;
# Anzahl und Art der Formen bestimmbar&lt;br /&gt;
# 4 Farben (rot, blau, gelb und schwarz) stehen zur Auswahl&lt;br /&gt;
⇒ so kann man selbst ein suprematistisches Bild mit Formkontrasten erstellen&lt;br /&gt;
&amp;lt;br clear=&amp;quot;all&amp;quot;/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
===Ausdehnende Komposition===&lt;br /&gt;
[[File:Stretch.png|right|200px]]&lt;br /&gt;
[[File:Stretch2.png|right|200px]]&lt;br /&gt;
[[Media:Stretch.pde|Code]]&amp;lt;br/&amp;gt;[[Media:StretchClass.pde|Code(Class)]]&amp;lt;br/&amp;gt;[[Media:StretchShape.pde|Code(Shape)]]&amp;lt;br/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
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.&lt;br /&gt;
&amp;lt;br clear=&amp;quot;all&amp;quot;/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Suprematistische Komposition mit mehreren Rechtecken===&lt;br /&gt;
[[File:MalGen.png|right|200px]]&lt;br /&gt;
[[File:MalGenNew.png|right|200px]]&lt;br /&gt;
[[Media:MalGen.pde|Code]]&amp;lt;br/&amp;gt;[[Media:CodeClass.pde|Code(Class)]]&amp;lt;br/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
(siehe &amp;quot;Suprematistische Komposition&amp;quot;) Es ist bei jedem frameRate eine andere Anzahl an Rechtecken. Jedoch immer nur eine Ellypse.&lt;br /&gt;
&amp;lt;br clear=&amp;quot;all&amp;quot;/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
hier eine Alternative, bei der sich die Farbe der Ellypse ändert:&lt;br /&gt;
&amp;lt;gallery&amp;gt;&lt;br /&gt;
File:ChangeColor.png&lt;br /&gt;
File:ChangeColor2.png&lt;br /&gt;
File:ChangeColor1.png&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
[[Media:ChangeColor.pde|Code]]&amp;lt;br/&amp;gt;[[Media:MalGen.pde|Code(Class)]]&lt;br /&gt;
&lt;br /&gt;
===Quellen===&lt;br /&gt;
[http://www.learningprocessing.com/examples/ Learning Processing]&amp;lt;br/&amp;gt;&lt;br /&gt;
[http://processing.org/reference/ Processing.org]&amp;lt;br/&amp;gt;&lt;br /&gt;
Processing: Creative Coding and Computational Art-Ira Greenberg (Foreword by Keith Peters)&amp;lt;br/&amp;gt;&lt;br /&gt;
Generative Gestaltung von Hartmut Bohnacker, Benedikt Groß, Julia Laub und Claudius Lazzeroni&lt;/div&gt;</summary>
		<author><name>Anastasiya</name></author>
	</entry>
</feed>