Quelltext der Seite Material & Prozess WS22 23



==== Monday 23rd ====

''morning | 11h - 13h''
<br>

greetings, week schedule, idea of the seminar etc
<br>

some artistic examples
<br>
<br>

''afternoon | 14h - 17h''
<br>

introduction to [https://p5js.org/ p5]
<br>

with [https://www.dawidliftinger.com/de/index.html Dawid Liftinger] and [https://camilosandoval.de/index.php Camilo Sandoval]<br>
<br>
* Sharepad: https://mensuel.framapad.org/p/riso_p5-9yvt
* for further information/ background and references for code syntax and such: [https://p5js.org/reference/ p5 reference]
* step one: download a [https://github.com/bmoren/p5js-cheat-sheet cheat sheet] in your preferred language
* help for understanding the coordinates: [https://musingswithcode.studio/generative-design-workshop/explainers/ musingswithcode]
<br>

a first small task eg how to deal with [https://p5js.org/reference/#/p5/rectMode rectmode].
<br>
corresponding artworks:
<br>
[https://www.holo.mg/dossiers/vera-molnar-weaving-variations/ dossier about Vera Molnar]
<br>
<br>
short digression into sellable art, which are not paintings but referring to it, for example creating websites as artworks:
<br>
[https://www.newrafael.com/ Rafaël Rozendaal]
<br>
<br>
playing around with colour mode<br>
* some insight [https://www.learnui.design/blog/the-hsb-color-system-practicioners-primer.html HSB] (hue, saturation, brightness)
* some insight into [https://p5js.org/reference/#/p5/colorMode color mode] in general with p5
* some insight into [https://www.w3schools.com/html/html_colors_rgb.asp rgb in html]
<br>
*[https://editor.p5js.org/camilofito/full/nCq5J3lGx color picker] by camilo
<br>
<br> -> Loops
<br> Tutorials: https://creative-coding.decontextualize.com/expressions-variables-and-loops/
<br> Example (Vera Molnar): https://editor.p5js.org/LifTiger/sketches/F0lffI6zN
<br> Example Lines in Installations: Gego <br>
[[File:Reticulárea (1969).jpg|Reticulárea (1969)]]<br><br>

<br>
<br> -> Recreation of some classical works with p5.js
<br>https://musingswithcode.studio/generative-design-workshop/

<br>
''at the end of the day/ till the next day''<br>

try out your own patterns/ lines/ forms: can be described or scribbled and/or in p5<br>
<br>
<br>

==== Tuesday 24th ====

''morning | 11h - 13h''
<br>
more ps5
<br>
Dawids sketches on p5: [https://editor.p5js.org/LifTiger/collections/ASoh6tXae sketches]<br>


<br> -> Translate & Rotate: 
<br> Tutorial: https://genekogan.com/code/p5js-transformations/
<br> Example: https://editor.p5js.org/LifTiger/sketches/7BTXrAz2L

<br> -> Basic Interactivity
<br> Painting with Code (Create your own Brush):  https://andreasref.github.io/p5js/
<br> Example: https://editor.p5js.org/LifTiger/sketches/lxTVbuWMc

<br> -> Working with text
<br> Websafe Fonts: https://www.w3schools.com/cssref/css_websafe_fonts.php
<br> Example: https://editor.p5js.org/LifTiger/sketches/DY-EthtUl

<br> -> Export
<br> Stop & Go: https://editor.p5js.org/LifTiger/sketches/dLzi1rf7H 
<br> Export PDF: https://editor.p5js.org/LifTiger/sketches/DY-EthtUl
<br>
<br>
''afternoon | 14h - 17h''
<br>

introduction to riso printing
<br>
see also [[Risograph@lab | basic risograph instructions]], here in the wiki
<br>
<br>

==== Wednesday 25th ====

''morning | 11h - 13h''
<br>

introduction to the laser cutter
<br>
see also [[Lasercutter@lab | basic lasercutter instructions]], here in the wiki
<br>
<br>
''afternoon | 14h - 17h''
<br>

doing -  making - combining - experimenting
<br>
<br>

==== Thursday 26th ====

''morning | 11h - 13h''
<br>

doing -  making - combining - experimenting<br>
<br>
inbetween: <br>
looking at some examples<br>

discussing/ presenting some results/ experiments


''afternoon | 14h - 17h''
<br>
going forward with:
<br>
doing -  making - combining - experimenting
<br>
<br>

==== Friday 27th ====

''morning | 11h - 13h''
<br>
doing -  making - combining - experimenting
<br>
<br>

''afternoon | 14h - 17h''
<br>
[[file:test_objekt-laser-riso_IMG_2732.jpeg | 200 px | beispiel für laser und riso-verknüpfung]]<br>
beispiel für laser und riso-verknüpfung: überlagernde muster, generiert mit p5, goldfarben gedruckt mit riso, faltbare form ausgeschnitten mit laser. papier: 280 gr<br>

<br>
present ideas/ experiments/ projects/ things etc etc<br>
<br>

==== some links ====
to be continued...
===== for tools, online generators etc =====
* [https://makerdesignlab.com/tutorials-tips/online-file-generators-for-laser-cutting/ list of online file generators]
* see also [[Software_Übersicht | software links]], here on the wiki<br>

===== p5 =====
* addendum: [[Testp5|how to work locally with p5]]
<br>
<br>

==== Eigene Seiten ====
* unter eurem Namen könnt ihr eine eigene Seite anlegen/ if you want I prepare an editor access for you.
* dort könnt ihr alle Dateien, Notizen, Ergebnisse sammeln, strukturieren und präsentieren. / to collect everything you are working on with p5/riso/laser
* eine Hilfe für das Arbeiten mit dem Wiki findet ihr u.a. hier/ some help how to deal with the wiki: [[Cheat-sheet]]
<br>

{| class="wikitable" style="background-color:#89e5fe;"
|- style="vertical-align:middle;"
| style="height:100px; width:100px; text-align:center;" | 
| style="height:100px; width:100px; text-align:center;" | 
| style="height:100px; width:100px; text-align:center;" | 
| style="height:100px; width:100px; text-align:center;" | [[Sayaka |Sayaka]]
| style="height:100px; width:100px; text-align:center;" | 
|- style="vertical-align:middle;"
| style="height:100px; width:100px; text-align:center;" | [[Benutzer:Alexandra|Alexandra]]
| style="height:100px; width:100px; text-align:center;" | 
| style="height:100px; width:100px; text-align:center;" | 
| style="height:100px; width:100px; text-align:center;" | 
| style="height:100px; width:100px; text-align:center;" | [[Benutzer:Karin|Karin_Beispielseite]]
|- style="vertical-align:middle;"
| style="height:100px; width:100px; text-align:center;" | 
| style="height:100px; width:100px; text-align:center;" | 
| style="height:100px; width:100px; text-align:center;" | 
| style="height:100px; width:100px; text-align:center;" | 
| style="height:100px; width:100px; text-align:center;" | 
|- style="vertical-align:bottom;"
|}

<br>
<br>
<br>

==== Seminartext Material & Prozess ====
Inhalt des Grundlagenseminars ist die Auseinandersetzung mit Materialien und Materialprozessen, in Wechselwirkung zu Technologien und ihren Ästhetiken, im persönlichen wie gesellschaftlichen Kontext. Basis jeder künstlerischen Arbeit ist Material, ob haptisch und physikalisch als Werkstoff, Träger und Medium oder/und strukturell und immateriell als Codierung. Die Betrachtung und Bearbeitung der Interdependenzen von Material in grundlegenden Prinzipien und in ihren Übersetzungen und Überschneidungen zwischen dem Digitalen und dem Physikalischen, finden im Seminar durch Experimente und Materialstudien statt. Materialprozesse und algorithmische Abläufe sind Teil praktischer Übungen sowie theoretischer Einführungen. <br>
<br>
Den Schwerpunkt bilden das Beobachten und Kennenlernen von Material als eigenständigem Element, sowie die Bearbeitung von Materialien und deren Prozesse. Unter Einbeziehen grundlegender Techniken und der Nutzung der vorhandenen Geräte können eigene Experimente und Modelle erarbeitet werden. Analoge Materialien und Werkzeuge zur Bearbeitung von Material auf digitaler und maschineller Ebene (bspw. CNC-Fertigung wie Lasercutter, Fräse oder Drucktechniken wie Riso) stehen zur Verfügung. Die im Seminar verhandelten Prinzipien können Basis für Arbeiten und Konzepte auf skulpturaler und/oder digitaler Ebene werden. <br>
<br>
Typ: Grundlagenseminar<br>
23. bis 27.01.2023<br>


Semester: WS 22/23<br>

Zielgruppe: Grundstudium<br>
<br>
<br>
[[Category:Seminar]][[Category:Material]][[Category:Machines]][[Category:Lasercutter]][[Category:Riso]]