IFD:GenerativeBauhaus WS2012/Stepan Boldt: Difference between revisions

From Medien Wiki
 
(No difference)

Latest revision as of 11:28, 17 July 2013

Punkt

Punkt sboldt.jpg


Online anschauen

Linie

Linie 1.1 sboldt.png Linie 1.2 sboldt.png Linie 2.1 sboldt.png

Online anschauen

Formen

Formen1 sboldt.png Formen2 sboldt.png Formen3 sboldt.png

Online anschauen

Format

Mann sboldt.gif

Layout

Entwurf einer Website mit deren Hilfe man schnell digitale Skribbles erstellen kann.

die Website kann mit javaScript umgesetzt werden. Ideenbeschreibung

Auf der Website wird ein Raster mit senkrechten und waagerechten Blöcken angezeigt. In diesen Blöcken kann man schnell seine Skribbles zeichnen und speichern. Die Skribbles kann man mit Hilfe von Punkten, Linien und Grundformen (Viereck, Kreis und Dreieck) erstellen. Nachdem die Seite mit Skribbles gespeichert ist, wird ein neues Raster generiert.

Gespeicherte Skribbles kann man wieder anschauen, verschieben, neu platzieren und übereinander legen, um sie besser analysieren zu können.

Skribbles idee1 sboldt.jpg

Skribbles idee2 sboldt.jpg

Prototyp

Mit der linke Maustaste kann man zeichnen und mit der linke radieren. Wen man Taste "N" betätigt, dann wird neuer Muster geladet mit freier Maloberfläche. Mit Enter kann man das Bild speichern. Mit der Tastatur kann man zusetzlich zeichen beeinflüssen:


Mit "W" und "E" kann man die stärke vom Pinseln verändern, mit "A" - mit roter Farbe zeichnen, mit "S" - mit blau Farbe. Um mit Rote, oder blau Farbe zu zeichnen, muss man die Tasten gedrückt halten.

Prototyp sboldt.png Online anschauen

Farbe

Graustufen sboldt.png

Farbsynthese

Mit diesem Programm kann man subtraktive und additive Farbsynthesen erstellen. Mit der Taste "A" kann man den Hintergrund für additive Farbsynthese erstellen und mit "S" für subtraktive. Danach kann man mit der Tastatur Farbkreise erstellen: Mit "Y" erhält man einen Kreis in gelb ("Yellow"), mit "M" - in Magenta, mit "C" - in Cyan, mit "R" - in rot ("Red"), mit "G" - in grün ("Green"), mit "B" - in blau ("Blue").


Subtraktive sboldt.png Additive sboldt.png Farbsynthese sboldt.png

Online anschauen