Material & Prozess WS22 23: Unterschied zwischen den Versionen
Aus exmediawiki
Karin (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „ ==== Monday ==== ''morning | 11h - 13h'' <br> greetings, week schedule, idea of the seminar etc <br> some artistic examples <br> <br> ''afternoon | 14h -…“) |
Karin (Diskussion | Beiträge) |
||
(71 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | ==== Monday ==== | + | ==== Monday 23rd ==== |
''morning | 11h - 13h'' | ''morning | 11h - 13h'' | ||
Zeile 16: | Zeile 16: | ||
<br> | <br> | ||
− | introduction to [https://p5js.org/ p5 | + | introduction to [https://p5js.org/ p5] |
<br> | <br> | ||
− | with Dawid Liftinger/ Camilo Sandoval | + | with [https://www.dawidliftinger.com/de/index.html Dawid Liftinger] and [https://camilosandoval.de/index.php Camilo Sandoval]<br> |
<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> | <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> | ''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> | 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> | ||
− | |||
<br> | <br> | ||
− | |||
''afternoon | 14h - 17h'' | ''afternoon | 14h - 17h'' | ||
<br> | <br> | ||
Zeile 47: | Zeile 98: | ||
<br> | <br> | ||
− | + | ==== Wednesday 25th ==== | |
− | ==== Wednesday ==== | ||
''morning | 11h - 13h'' | ''morning | 11h - 13h'' | ||
Zeile 58: | Zeile 108: | ||
<br> | <br> | ||
<br> | <br> | ||
− | |||
− | |||
''afternoon | 14h - 17h'' | ''afternoon | 14h - 17h'' | ||
<br> | <br> | ||
Zeile 67: | Zeile 115: | ||
<br> | <br> | ||
− | + | ==== Thursday 26th ==== | |
− | ==== Thursday ==== | ||
''morning | 11h - 13h'' | ''morning | 11h - 13h'' | ||
Zeile 74: | Zeile 121: | ||
doing - making - combining - experimenting<br> | doing - making - combining - experimenting<br> | ||
− | <br> | + | <br> |
− | |||
inbetween: <br> | inbetween: <br> | ||
looking at some examples<br> | looking at some examples<br> | ||
Zeile 90: | Zeile 136: | ||
<br> | <br> | ||
− | ==== Friday ==== | + | ==== Friday 27th ==== |
''morning | 11h - 13h'' | ''morning | 11h - 13h'' | ||
<br> | <br> | ||
doing - making - combining - experimenting | doing - making - combining - experimenting | ||
− | |||
− | |||
− | |||
<br> | <br> | ||
<br> | <br> | ||
Zeile 103: | Zeile 146: | ||
''afternoon | 14h - 17h'' | ''afternoon | 14h - 17h'' | ||
<br> | <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> | present ideas/ experiments/ projects/ things etc etc<br> | ||
<br> | <br> | ||
==== some links ==== | ==== some links ==== | ||
+ | to be continued... | ||
===== for tools, online generators etc ===== | ===== for tools, online generators etc ===== | ||
* [https://makerdesignlab.com/tutorials-tips/online-file-generators-for-laser-cutting/ list of online file generators] | * [https://makerdesignlab.com/tutorials-tips/online-file-generators-for-laser-cutting/ list of online file generators] | ||
− | * see also | + | * see also [[Software_Übersicht | software links]], here on the wiki<br> |
===== p5 ===== | ===== p5 ===== | ||
* addendum: [[Testp5|how to work locally with 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;" | [[Valeria | Valeria]] | ||
+ | | 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;" | [[Chanmin_GLS-experiments | Chanmin]] | ||
+ | | 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> | ||
<br> | <br> | ||
Zeile 131: | Zeile 210: | ||
<br> | <br> | ||
<br> | <br> | ||
− | [[Category: Seminar]] | + | [[Category:Seminar]][[Category:Material]][[Category:Machines]][[Category:Lasercutter]][[Category:Riso]] |
Aktuelle Version vom 30. August 2024, 14:27 Uhr
Inhaltsverzeichnis
Monday 23rd
morning | 11h - 13h
greetings, week schedule, idea of the seminar etc
some artistic examples
afternoon | 14h - 17h
introduction to p5
with Dawid Liftinger and Camilo Sandoval
- Sharepad: https://mensuel.framapad.org/p/riso_p5-9yvt
- for further information/ background and references for code syntax and such: p5 reference
- step one: download a cheat sheet in your preferred language
- help for understanding the coordinates: musingswithcode
a first small task eg how to deal with rectmode.
corresponding artworks:
dossier about Vera Molnar
short digression into sellable art, which are not paintings but referring to it, for example creating websites as artworks:
Rafaël Rozendaal
playing around with colour mode
- some insight HSB (hue, saturation, brightness)
- some insight into color mode in general with p5
- some insight into rgb in html
- color picker by camilo
-> Loops
Tutorials: https://creative-coding.decontextualize.com/expressions-variables-and-loops/
Example (Vera Molnar): https://editor.p5js.org/LifTiger/sketches/F0lffI6zN
Example Lines in Installations: Gego
-> Recreation of some classical works with p5.js
https://musingswithcode.studio/generative-design-workshop/
at the end of the day/ till the next day
try out your own patterns/ lines/ forms: can be described or scribbled and/or in p5
Tuesday 24th
morning | 11h - 13h
more ps5
Dawids sketches on p5: sketches
-> Translate & Rotate:
Tutorial: https://genekogan.com/code/p5js-transformations/
Example: https://editor.p5js.org/LifTiger/sketches/7BTXrAz2L
-> Basic Interactivity
Painting with Code (Create your own Brush): https://andreasref.github.io/p5js/
Example: https://editor.p5js.org/LifTiger/sketches/lxTVbuWMc
-> Working with text
Websafe Fonts: https://www.w3schools.com/cssref/css_websafe_fonts.php
Example: https://editor.p5js.org/LifTiger/sketches/DY-EthtUl
-> Export
Stop & Go: https://editor.p5js.org/LifTiger/sketches/dLzi1rf7H
Export PDF: https://editor.p5js.org/LifTiger/sketches/DY-EthtUl
afternoon | 14h - 17h
introduction to riso printing
see also basic risograph instructions, here in the wiki
Wednesday 25th
morning | 11h - 13h
introduction to the laser cutter
see also basic lasercutter instructions, here in the wiki
afternoon | 14h - 17h
doing - making - combining - experimenting
Thursday 26th
morning | 11h - 13h
doing - making - combining - experimenting
inbetween:
looking at some examples
discussing/ presenting some results/ experiments
afternoon | 14h - 17h
going forward with:
doing - making - combining - experimenting
Friday 27th
morning | 11h - 13h
doing - making - combining - experimenting
afternoon | 14h - 17h
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
present ideas/ experiments/ projects/ things etc etc
some links
to be continued...
for tools, online generators etc
- list of online file generators
- see also software links, here on the wiki
p5
- addendum: how to work locally with p5
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
Valeria | Sayaka | |||
Alexandra | Karin_Beispielseite | |||
Chanmin |
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.
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.
Typ: Grundlagenseminar
23. bis 27.01.2023
Semester: WS 22/23
Zielgruppe: Grundstudium