Aktionen

Material & Prozess WS22 23: Unterschied zwischen den Versionen

Aus exmediawiki
 
(43 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 19: Zeile 19:
 
<br>
 
<br>
  
−
with [https://www.dawidliftinger.com/de/index.html Dawid Liftinger] and [https://camilosandoval.de/index.php 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
 
* Sharepad: https://mensuel.framapad.org/p/riso_p5-9yvt
Zeile 40: Zeile 40:
 
<br>
 
<br>
 
playing around with colour mode<br>
 
playing around with colour mode<br>
−
* some insight [https://www.learnui.design/blog/the-hsb-color-system-practicioners-primer.html HSB]
+
* 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://p5js.org/reference/#/p5/colorMode color mode] in general with p5
−
* some insight into [https://www.w3schools.com/colors/colors_rgb.asp rgb]
+
* 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 ====
 
==== Tuesday 24th ====
Zeile 54: Zeile 69:
 
more ps5
 
more ps5
 
<br>
 
<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''
 
''afternoon | 14h - 17h''
 
<br>
 
<br>
Zeile 74: Zeile 108:
 
<br>
 
<br>
 
<br>
 
<br>
−
 
−
 
 
''afternoon | 14h - 17h''
 
''afternoon | 14h - 17h''
 
<br>
 
<br>
Zeile 89: Zeile 121:
  
 
doing -  making - combining - experimenting<br>
 
doing -  making - combining - experimenting<br>
−
<br><br>
+
<br>
−
 
 
 
inbetween: <br>
 
inbetween: <br>
 
looking at some examples<br>
 
looking at some examples<br>
Zeile 110: Zeile 141:
 
<br>
 
<br>
 
doing -  making - combining - experimenting
 
doing -  making - combining - experimenting
−
 
−
inbetween:<br>
 
−
perhaps having lunch together
 
 
<br>
 
<br>
 
<br>
 
<br>
Zeile 118: 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
+
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]
Zeile 130: Zeile 161:
 
===== 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 147: 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


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


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




-> 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
Reticulárea (1969)



-> 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
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
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


Abgerufen von „https://exmediawiki.khm.de/index.php?title=Material_%26_Prozess_WS22_23&oldid=9022“