Medien Wiki - User contributions [en]

GMU:Algorithmic Art

2019-01-31T08:48:08Z

Tasmas: /* Consultations */

Lecturer: Tobias Zimmer 
Credits: 6 [[ECTS]], 4 [[SWS]] 
Date: Friday, 13:30 – 16:45 
Venue: [[Marienstraße 7b]], Raum 102

----

==Description==
Waiting at traffic lights, shopping online, finding a new partner, baking a cake - noticed or unnoticed, everyone is in contact with algorithms each day.

In the class Algorithmic Art we will focus on graphical algorithms and generative art, to learn how to think like a machine. The programming language Processing offers artists and designers the chance to go beyond predefined and often limiting software and allows them to create their very own tools for 2D or 3D graphics production, interactive installations, data manipulation and more. With a simplified syntax, Processing takes down high entry barriers that are usually associated with programming languages. Simple visual results are possible with just a few lines of code, with an open end to more complex output and rule systems.

We will orient ourselves to the pioneering work of early computer artists (”Algorists”) like Vera Molnar, Manfred Mohr or Frieder Nake and use a pen-plotter (self built in class or a ready-made one) to materialize the algorithms we develop in homeworks or in class. Treated topics and programming basics include: 2D shapes and geometry, variables, arrays, loops, randomness, noise, interaction, animation, functions, object orientation, working with data (image, sound, text),...

Further topics depending on interest:webcam interaction, openCV, working with libraries and API’s, 3D graphics, communication (OSC), projection mapping,…

----

==Introductory Algorithm==
[[File:intro_algorithm_600x600.gif|Introductory Algorithm]]

----

==Working with the Plotter==
* [[/HP 7475A/]]

----
==Student Works ==
* [[/Tobias Zimmer/]]
* [[/Christopher Heiden/]]
* [[/Baiyao Lin/]]
* [[/Ozan Akkoyun/]]
* [[/Grayson Daniel Bailey/]]
* [[/Leon Billerbeck/]]
* [[/Manuel Hartmann/]]
* [[/Yasmin Mukino/]]
* [[/Hilde Karin Braunschweig/]]
* [[/Joel Schäfer/]]
* [[/Lorenz Gunreben/]]
* [[/Lucia Schmidt/]]
* [[/Michael Wilde/]]
* [[/F a b i a n K r z i c h/]]
* [[/Jonas Obertüfer/]]
* [[/Constantin Noack/]]
* [[/Ahmad Hafez/]]
* [[/Felix Seiboth/]]
----

==Consultations==
'''Thursday 31.01.19'''
13:00 - 13:30 (put your name here)
13:30 - 14:00 Lucia
14:00 - 14:30 (put your name here)
14:30 - 15:00 Ahmad
15:00 - 15:30 (put your name here)
15:30 - 16:00 Felix
16:00 - 16:30 Yasmin

'''Friday 01.02.19'''
13:00 - 13:30 ozan
13:30 - 14:00 hilde
14:00 - 14:30 Constantin
14:30 - 15:00 Joel
15:00 - 15:30 Christopher
15:30 - 16:00 Jonas
16:00 - 16:30 (put your name here)

==Resources==
'''Processing'''
*[https://processing.org/reference/ Processing Reference]
*[https://processing.org/examples/ Processing Examples] you can also conveniently find these in the Processing IDE)
*Processing Cheatsheet [https://cdn.sparkfun.com/assets/6/3/f/e/3/Processing_Cheatsheet_Update.pdf] [https://www.cs.bham.ac.uk/~cxp291/ri/processing_cheat_sheet_english.pdf]
* 25 Life Saving Tips for Processing [https://amnonp5.wordpress.com/2012/01/28/25-life-saving-tips-for-processing/] [https://forum.processing.org/one/topic/25-life-saving-tips-for-processing-blogpost.html]
 
'''Relevant Texts'''
*[http://www.verostko.com/algorist.html The Algorists, ''Roman Versotko'']
*Ten theses about software art, ''Florian Cramer'' [http://cramer.pleintekst.nl/essays/10_thesen_zur_softwarekunst/10_theses_about_software_art.html english], [https://www.netzliteratur.net/cramer/thesen_softwarekunst.html german]
*Do it, ''Hans Ulrich Obrist'' (you can find the book in the library)
*[http://www.charlesgmiller.com/teaching/177/DOIT.pdf Art by instruction and the pre-history of do it, ''Bruce Altshuler'']
 
'''Early Computer Artists'''
*[http://dam.org/artists/phase-one Digital Art Museum]
*[http://dada.compart-bremen.de/ Compart Bremen]
 

'''Other artists working with code'''
*[http://reas.com/ Casey Reas]
*[https://img.inconvergent.net/plot/ Anders Hoff]
*tbc...

 
'''Inspirations'''
*[https://www.openprocessing.org/ Open Processing]
*[https://processing.org/exhibition/ Processing Exhibition]
*[https://www.creativeapplications.net/ Creative Applications]
*[http://prostheticknowledge.tumblr.com/ Prosthetic Knowledge]

----

==Treated Topics==

'''12.10.18'''
* Sol LeWitt | [https://massmoca.org/sol-lewitt/ Wall Drawings]
* Casey Reas | [http://reas.com/notation/ Notation]

 '''19.10.18'''
*[https://en.wikipedia.org/wiki/Concrete_art Concrete Art Manifesto]
*''2D Geometry''

 '''26.10.18'''
*''Variables''
*''Iteration / Animation''
*''For Loops''
*''Nested For Loops''

 '''02.11.18''' 
'''Art without author!? / Artists working with randomness'''
*Jackson Pollock
*Gerhard Richter | [https://www.gerhard-richter.com/de/art/paintings/abstracts/colour-charts-12 Colour Charts] | [https://www.gerhard-richter.com/en/art/paintings/abstracts/colour-charts-12/4096-colours-6089/?&referer=search&title=4096&keyword=4096 4096 Colors]
*Henri Michaux | [https://www.google.de/search?q=henri+michaux+mescaline+drawings&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiV5tbI8cHeAhWPPFAKHW82DTYQ_AUIDigB&biw=1097&bih=554 Mescaline Drawings] 
*John Cage | [https://www.youtube.com/watch?v=B_8-B2rNw7s Music of Changes] | [https://www.youtube.com/watch?v=zvUoHxdZs4o&feature=youtu.be&t=148 I Ching (1)] | [https://www.youtube.com/watch?v=uyjOnqzjqpc I Ching (2)]
 
*RAND Corporation | [https://www.youtube.com/watch?v=bvLD54GnOTk 1.000.000 Million Random Digits]
*Global Consciousness Project - Meaningful Correlations in Random Data | [http://noosphere.princeton.edu/ Website]
*Studio Nand | [https://nand.io/projects/known-unknowns The Known Unknowns]

*''translate()''
*''scale()''
*''rotate()''
*''random()''
*''Arrays''

 '''09.11.18'''
* Anastasis Germanidis | [http://agermanidis.com/#randomly-generated-social-interactions Randomly Generated Social Interactions]

*''noise()'' – 1D, 2D
*''sin(), cos()'' – adressing points in a circular coordinate system
*''map()''

 '''16.11.18''' 
'''Drawing Machines by...'''
*[https://www.youtube.com/watch?v=cf7woGFW-Tc Jean Tuingely]
*[http://www.timknowles.co.uk Tim Knowles]
*[http://www.dwbowen.com David Bowen]
*[http://olafureliasson.net/archive/artwork/WEK108599/connecting-cross-country-with-a-line#slideshow Olafur Eliasson]
*[http://www.smigla-bobinski.com/english/works/ADA/index.html Karina Smigla-Bobinski]
*[http://sougwen.com Sougwen Chung]
*[https://www.nature.com/articles/464681b Die Helmholtz Kurven] | [https://aphelis.net/etienne-jules-marey-myograph/ Improved Myograph / Frog Drawing Machine]
 
*Getting started with the Plotter (HP7475A)
*''HPGL library''

 '''23.11.18'''
*Classes (balloons and particles reacting to two dimensional noise)
*''ArrayList''

 '''30.11.18'''
* Working with images
*''PImage''
*''get(x,y), get(x,y,w,h), brightness(), saturation(), red(), green(), blue()''

 '''07.12.18'''

 '''14.12.18'''

 '''21.12.18'''
* OSC
* FaceOSC

 '''11.01.18'''
* Motion Detection
* OpenCV & Face Detection

 '''18.01.18'''
* loading data from files and visualizing texts

 '''25.01.18'''

 '''01.02.18'''

----

==Future Topics==

* PVector
* Export svg files
* ''noise()'' – 3D
* Working with images
* Working with sound
* Working with text
* Recursion
* L-Systems

[[Category:WS18]]

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-07T01:05:24Z

Tasmas: /* graue brühe */

blib blub.

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

==Telefonbild==
inspired by the idea of the [https://www.moma.org/collection/works/78747 "Telefonbilder"] by Moholy-Nagy.
See also under the "for humans" section.
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Telefonbild.jpg|400px]]
| <source lang=java>
void setup() {
size(500,800);
noStroke();
background(212,212, 209);
}

void draw() {

// big black vertical rectangle on the left
fill(46,41,37);
rect(116,0,102,800);

// cross on the top right;
// black rectangle
rect(327,327,88,9);
// yellow rect
fill(206,187,95);
rect(365,286,9,110);

// red/yellow cross
// red rectangle
fill(160,57,60);
rect(185,685,90,22);
// yellow rectangle
fill(206,187,95);
rect(185,690,90,12);
// red long vertical rectangle
fill(160,57,60);
rect(237,515,13,245);

}
</source>
|-
|}

==Sweater Pattern==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Pullover_Pattern.jpg|400px]]

[[File:JO_Algo_Pullover_Real.jpg|400px]]
| <source lang=java>
/*
Nested for loops practice
using:
- beginShape()
- endshape()
- strokeWeight(15.0) -> for thick fat lines
- strokeJoin(MITER); -> for edgy line connections :)

this should be a reproduction of pattern on one of my sweaters
(-> See Picture on the left) but without the mirroring.

*/

int elementsPerSide = 10;
int gap = 50;

void setup(){
size(550, 550);
stroke(28,42,76);
}

void draw(){
background(255);

for(int i=1; i<=elementsPerSide; i++){
for(int j=1; j<=elementsPerSide; j++){

int xPos = i*gap;
int yPos = j*gap;

noFill();
strokeWeight(15.0);
strokeJoin(MITER);
beginShape();
vertex(xPos-25,yPos+25);
vertex(xPos,yPos);
vertex(xPos+25,yPos+25);
endShape();

}
}

}
</source>
|-
|}

==graue brühe==
this is a test algorithm for my project work. i want to visualize how algorithm affects our decicions. Like when following through youtube similar videos. In the end everything gets more and more alike.

Technically speaking its an ArrayList of Objects moving around. Added at mouseClicked() event. To get nice random grey tones i played around with colorMode(HSB) and the values of the color object.

v1: everything gehts grey..
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_grauebruehe_1.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(0, 0, random(100), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,150), random(50,150));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
}
</source>
|-
|}

v2:
this version is more dreamy/friendly. It's a nice effect, but i don't think i will be following through this route.

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_ALGO_grauebruehe_2.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(random(255), 0, random(255), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,250), random(50,250));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
</source>
|-
|}

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-07T01:02:13Z

Tasmas: /* graue brühe */

blib blub.

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

==Telefonbild==
inspired by the idea of the [https://www.moma.org/collection/works/78747 "Telefonbilder"] by Moholy-Nagy.
See also under the "for humans" section.
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Telefonbild.jpg|400px]]
| <source lang=java>
void setup() {
size(500,800);
noStroke();
background(212,212, 209);
}

void draw() {

// big black vertical rectangle on the left
fill(46,41,37);
rect(116,0,102,800);

// cross on the top right;
// black rectangle
rect(327,327,88,9);
// yellow rect
fill(206,187,95);
rect(365,286,9,110);

// red/yellow cross
// red rectangle
fill(160,57,60);
rect(185,685,90,22);
// yellow rectangle
fill(206,187,95);
rect(185,690,90,12);
// red long vertical rectangle
fill(160,57,60);
rect(237,515,13,245);

}
</source>
|-
|}

==Sweater Pattern==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Pullover_Pattern.jpg|400px]]

[[File:JO_Algo_Pullover_Real.jpg|400px]]
| <source lang=java>
/*
Nested for loops practice
using:
- beginShape()
- endshape()
- strokeWeight(15.0) -> for thick fat lines
- strokeJoin(MITER); -> for edgy line connections :)

this should be a reproduction of pattern on one of my sweaters
(-> See Picture on the left) but without the mirroring.

*/

int elementsPerSide = 10;
int gap = 50;

void setup(){
size(550, 550);
stroke(28,42,76);
}

void draw(){
background(255);

for(int i=1; i<=elementsPerSide; i++){
for(int j=1; j<=elementsPerSide; j++){

int xPos = i*gap;
int yPos = j*gap;

noFill();
strokeWeight(15.0);
strokeJoin(MITER);
beginShape();
vertex(xPos-25,yPos+25);
vertex(xPos,yPos);
vertex(xPos+25,yPos+25);
endShape();

}
}

}
</source>
|-
|}

==graue brühe==
this is a test algorithm for my project work. i want to visualize how algorithm affects our decicions. Like when following through youtube similar videos. In the end everything gets more and more alike.

Technically speaking its an ArrayList of Objects moving around. Added at mouseClicked() event. To get nice random grey tones i set the colorMode(HSB) and left the first two values of the color object 0.

v1: everything gehts grey..
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_grauebruehe_1.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(0, 0, random(100), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,150), random(50,150));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
}
</source>
|-
|}

v2:
this version is more dreamy/friendly. It's a nice effect, but i don't think i will be following through this route.

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_ALGO_grauebruehe_2.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(random(255), 0, random(255), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,250), random(50,250));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
</source>
|-
|}

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-07T01:01:40Z

Tasmas: /* graue brühe */

blib blub.

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

==Telefonbild==
inspired by the idea of the [https://www.moma.org/collection/works/78747 "Telefonbilder"] by Moholy-Nagy.
See also under the "for humans" section.
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Telefonbild.jpg|400px]]
| <source lang=java>
void setup() {
size(500,800);
noStroke();
background(212,212, 209);
}

void draw() {

// big black vertical rectangle on the left
fill(46,41,37);
rect(116,0,102,800);

// cross on the top right;
// black rectangle
rect(327,327,88,9);
// yellow rect
fill(206,187,95);
rect(365,286,9,110);

// red/yellow cross
// red rectangle
fill(160,57,60);
rect(185,685,90,22);
// yellow rectangle
fill(206,187,95);
rect(185,690,90,12);
// red long vertical rectangle
fill(160,57,60);
rect(237,515,13,245);

}
</source>
|-
|}

==Sweater Pattern==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Pullover_Pattern.jpg|400px]]

[[File:JO_Algo_Pullover_Real.jpg|400px]]
| <source lang=java>
/*
Nested for loops practice
using:
- beginShape()
- endshape()
- strokeWeight(15.0) -> for thick fat lines
- strokeJoin(MITER); -> for edgy line connections :)

this should be a reproduction of pattern on one of my sweaters
(-> See Picture on the left) but without the mirroring.

*/

int elementsPerSide = 10;
int gap = 50;

void setup(){
size(550, 550);
stroke(28,42,76);
}

void draw(){
background(255);

for(int i=1; i<=elementsPerSide; i++){
for(int j=1; j<=elementsPerSide; j++){

int xPos = i*gap;
int yPos = j*gap;

noFill();
strokeWeight(15.0);
strokeJoin(MITER);
beginShape();
vertex(xPos-25,yPos+25);
vertex(xPos,yPos);
vertex(xPos+25,yPos+25);
endShape();

}
}

}
</source>
|-
|}

==graue brühe==
this is a test algorithm for my project work. i want to visualize how algorithm affects our decicions. Like when following through youtube similar videos. In the end everything gets more and more alike.

Technically speaking its an ArrayList of Objects moving around. Added at mouseClicked() event. To get nice random grey tones i set the colorMode(HSB) and left the first two values of the color object 0.

v1:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_grauebruehe_1.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(0, 0, random(100), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,150), random(50,150));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
}
</source>
|-
|}

v2:
this version is more dreamy/friendly. It's a nice effect, but i don't think i will be following through this route.

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_ALGO_grauebruehe_2.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(random(255), 0, random(255), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,250), random(50,250));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
</source>
|-
|}

GMU:Algorithmic Art/Jonas Obertüfer/for humans

2019-01-07T00:50:29Z

Tasmas: /* Algorithm for Humans 1 — 19.10.18 */

==Algorithm for Humans 1 — 19.10.18==
inspired by the idea of the [https://www.moma.org/collection/works/78747 "Telefonbilder"] by Moholy-Nagy.
See also under the "for computers" section.
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_1-1.jpg|500px]]
| [[File:JO_Algo_Human_1-0.jpg|500px]]
|-
|}

==Algorithm for Humans 2 — ??.??.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_2-1.jpg|500px]]
| [[File:JO_Algo_Human_2-0.jpg|500px]]
|-
|}

==Algorithm for Humans 3 — ??.??.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_3-1.jpg|500px]]
| [[File:JO_Algo_Human_3-0.jpg|500px]]
|-
|}

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-07T00:49:43Z

Tasmas: /* Telefonbild */

blib blub.

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

==Telefonbild==
inspired by the idea of the [https://www.moma.org/collection/works/78747 "Telefonbilder"] by Moholy-Nagy.
See also under the "for humans" section.
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Telefonbild.jpg|400px]]
| <source lang=java>
void setup() {
size(500,800);
noStroke();
background(212,212, 209);
}

void draw() {

// big black vertical rectangle on the left
fill(46,41,37);
rect(116,0,102,800);

// cross on the top right;
// black rectangle
rect(327,327,88,9);
// yellow rect
fill(206,187,95);
rect(365,286,9,110);

// red/yellow cross
// red rectangle
fill(160,57,60);
rect(185,685,90,22);
// yellow rectangle
fill(206,187,95);
rect(185,690,90,12);
// red long vertical rectangle
fill(160,57,60);
rect(237,515,13,245);

}
</source>
|-
|}

==Sweater Pattern==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Pullover_Pattern.jpg|400px]]

[[File:JO_Algo_Pullover_Real.jpg|400px]]
| <source lang=java>
/*
Nested for loops practice
using:
- beginShape()
- endshape()
- strokeWeight(15.0) -> for thick fat lines
- strokeJoin(MITER); -> for edgy line connections :)

this should be a reproduction of pattern on one of my sweaters
(-> See Picture on the left) but without the mirroring.

*/

int elementsPerSide = 10;
int gap = 50;

void setup(){
size(550, 550);
stroke(28,42,76);
}

void draw(){
background(255);

for(int i=1; i<=elementsPerSide; i++){
for(int j=1; j<=elementsPerSide; j++){

int xPos = i*gap;
int yPos = j*gap;

noFill();
strokeWeight(15.0);
strokeJoin(MITER);
beginShape();
vertex(xPos-25,yPos+25);
vertex(xPos,yPos);
vertex(xPos+25,yPos+25);
endShape();

}
}

}
</source>
|-
|}

==graue brühe==

v1:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_grauebruehe_1.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(0, 0, random(100), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,150), random(50,150));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
}
</source>
|-
|}

v2:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_ALGO_grauebruehe_2.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(random(255), 0, random(255), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,250), random(50,250));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
</source>
|-
|}

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-07T00:46:46Z

Tasmas:

blib blub.

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

==Telefonbild==
inspired by the idea of the [https://www.moma.org/collection/works/78747 "Telefonbilder"] by Moholy-Nagy.
See also: [[/for humans/|telefonbild under algorithm for humans 1]]
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Telefonbild.jpg|400px]]
| <source lang=java>
void setup() {
size(500,800);
noStroke();
background(212,212, 209);
}

void draw() {

// big black vertical rectangle on the left
fill(46,41,37);
rect(116,0,102,800);

// cross on the top right;
// black rectangle
rect(327,327,88,9);
// yellow rect
fill(206,187,95);
rect(365,286,9,110);

// red/yellow cross
// red rectangle
fill(160,57,60);
rect(185,685,90,22);
// yellow rectangle
fill(206,187,95);
rect(185,690,90,12);
// red long vertical rectangle
fill(160,57,60);
rect(237,515,13,245);

}
</source>
|-
|}

==Sweater Pattern==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Pullover_Pattern.jpg|400px]]

[[File:JO_Algo_Pullover_Real.jpg|400px]]
| <source lang=java>
/*
Nested for loops practice
using:
- beginShape()
- endshape()
- strokeWeight(15.0) -> for thick fat lines
- strokeJoin(MITER); -> for edgy line connections :)

this should be a reproduction of pattern on one of my sweaters
(-> See Picture on the left) but without the mirroring.

*/

int elementsPerSide = 10;
int gap = 50;

void setup(){
size(550, 550);
stroke(28,42,76);
}

void draw(){
background(255);

for(int i=1; i<=elementsPerSide; i++){
for(int j=1; j<=elementsPerSide; j++){

int xPos = i*gap;
int yPos = j*gap;

noFill();
strokeWeight(15.0);
strokeJoin(MITER);
beginShape();
vertex(xPos-25,yPos+25);
vertex(xPos,yPos);
vertex(xPos+25,yPos+25);
endShape();

}
}

}
</source>
|-
|}

==graue brühe==

v1:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_grauebruehe_1.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(0, 0, random(100), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,150), random(50,150));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
}
</source>
|-
|}

v2:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_ALGO_grauebruehe_2.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(random(255), 0, random(255), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,250), random(50,250));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
</source>
|-
|}

GMU:Algorithmic Art/Jonas Obertüfer/for humans

2019-01-07T00:46:19Z

Tasmas: /* Algorithm for Humans 1 — 19.10.18 */

==Algorithm for Humans 1 — 19.10.18==
inspired by the idea of the [https://www.moma.org/collection/works/78747 "Telefonbilder"] by Moholy-Nagy.
See also: [[/for computers/|"telefonbild" under algorithm for computers ]]
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_1-1.jpg|500px]]
| [[File:JO_Algo_Human_1-0.jpg|500px]]
|-
|}

==Algorithm for Humans 2 — ??.??.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_2-1.jpg|500px]]
| [[File:JO_Algo_Human_2-0.jpg|500px]]
|-
|}

==Algorithm for Humans 3 — ??.??.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_3-1.jpg|500px]]
| [[File:JO_Algo_Human_3-0.jpg|500px]]
|-
|}

File:JO Algo Telefonbild.jpg

2019-01-07T00:42:28Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-07T00:39:45Z

Tasmas: /* Sweater Pattern */

blib blub.

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

==Sweater Pattern==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Pullover_Pattern.jpg|400px]]

[[File:JO_Algo_Pullover_Real.jpg|400px]]
| <source lang=java>
/*
Nested for loops practice
using:
- beginShape()
- endshape()
- strokeWeight(15.0) -> for thick fat lines
- strokeJoin(MITER); -> for edgy line connections :)

this should be a reproduction of pattern on one of my sweaters
(-> See Picture on the left) but without the mirroring.

*/

int elementsPerSide = 10;
int gap = 50;

void setup(){
size(550, 550);
stroke(28,42,76);
}

void draw(){
background(255);

for(int i=1; i<=elementsPerSide; i++){
for(int j=1; j<=elementsPerSide; j++){

int xPos = i*gap;
int yPos = j*gap;

noFill();
strokeWeight(15.0);
strokeJoin(MITER);
beginShape();
vertex(xPos-25,yPos+25);
vertex(xPos,yPos);
vertex(xPos+25,yPos+25);
endShape();

}
}

}
</source>
|-
|}

==graue brühe==

v1:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_grauebruehe_1.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(0, 0, random(100), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,150), random(50,150));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
}
</source>
|-
|}

v2:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_ALGO_grauebruehe_2.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(random(255), 0, random(255), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,250), random(50,250));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
</source>
|-
|}

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-07T00:38:56Z

Tasmas:

blib blub.

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

==Sweater Pattern==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Pullover_Pattern.jpg|400px]]

[[File:JO_Algo_Pullover_Real.jpg|400px]]
| <source lang=java>
/*
Nested for loops practice
using:
- beginShape()
- endshape()
- strokeWeight(15.0) -> for thick fat lines
- strokeJoin(MITER); -> for edgy line connections :)

this should be a reproduction of pattern on one of my sweaters(-> See Picture) but without the mirroring.

*/

int elementsPerSide = 10;
int gap = 50;

void setup(){
size(550, 550);
stroke(28,42,76);
}

void draw(){
background(255);

for(int i=1; i<=elementsPerSide; i++){
for(int j=1; j<=elementsPerSide; j++){

int xPos = i*gap;
int yPos = j*gap;

noFill();
strokeWeight(15.0);
strokeJoin(MITER);
beginShape();
vertex(xPos-25,yPos+25);
vertex(xPos,yPos);
vertex(xPos+25,yPos+25);
endShape();

}
}

}
</source>
|-
|}

==graue brühe==

v1:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_grauebruehe_1.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(0, 0, random(100), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,150), random(50,150));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
}
</source>
|-
|}

v2:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_ALGO_grauebruehe_2.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(random(255), 0, random(255), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,250), random(50,250));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
</source>
|-
|}

File:JO Algo Pullover Real.jpg

2019-01-07T00:38:14Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

File:JO Algo Pullover Pattern.jpg

2019-01-07T00:38:08Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-03T22:21:23Z

Tasmas:

blib blub.

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

==graue brühe==

v1:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_grauebruehe_1.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(0, 0, random(100), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,150), random(50,150));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
}
</source>
|-
|}

v2:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_ALGO_grauebruehe_2.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(random(255), 0, random(255), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,250), random(50,250));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
</source>
|-
|}

File:JO Algo grauebruehe 1.gif

2019-01-03T22:21:18Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-03T22:13:27Z

Tasmas:

blib blub.

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

==graue brühe==

v1:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_ALGO_grauebruehe_1.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(0, 0, random(100), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,150), random(50,150));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
}
</source>
|-
|}

v2:
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_ALGO_grauebruehe_2.gif]]
| <source lang=java>
ArrayList<Brush> brushes;

void setup() {
size(600,600);
background(255);

colorMode(HSB);
brushes = new ArrayList<Brush>();

}

void draw() {

for (Brush brush : brushes) {
brush.paint();
}
}

void mouseClicked() {
brushes.add(new Brush());
}

class Brush {
float angle;
int components[];
float x, y;
color clr;

Brush() {
angle = random(TWO_PI);
x = mouseX;
y = mouseY;
clr = color(random(255), 0, random(255), 5);
components = new int[4];
for (int i = 0; i < 4; i++) {
components[i] = int(random(1, 4));
}
}

void paint() {
float a = 0;
float r = 0;
float x1 = x;
float y1 = y;
float u = random(0.5, 1);

fill(clr);
noStroke();

ellipse(x, y, random(50,250), random(50,250));

if (x < 0 || x > width ||y < 0 || y > height) {
angle += HALF_PI;
}

x += 3 * cos(angle);
y += 3 * sin(angle);
angle += random(-0.15, 0.15);
}
</source>
|-
|}

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-03T21:58:10Z

Tasmas:

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-03T21:57:43Z

Tasmas: /* graue brühe */

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-03T21:56:50Z

Tasmas:

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-03T21:55:13Z

Tasmas: /* graue brühe */

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-03T21:54:43Z

Tasmas:

File:JO ALGO grauebruehe 2.gif

2019-01-03T21:54:18Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-03T21:27:21Z

Tasmas:

blib blub.

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

==graue brühe — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| https://www.openprocessing.org/sketch/649337

|-
|}

GMU:Algorithmic Art/Jonas Obertüfer/for humans

2019-01-03T21:15:12Z

Tasmas: /* Algorithm for Humans 1 — 19.10.18 */

==Algorithm for Humans 1 — 19.10.18==
inspired by the idea of the [https://www.moma.org/collection/works/78747 "Telefonbilder"] by Moholy-Nagy.

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_1-1.jpg|500px]]
| [[File:JO_Algo_Human_1-0.jpg|500px]]
|-
|}

==Algorithm for Humans 2 — ??.??.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_2-1.jpg|500px]]
| [[File:JO_Algo_Human_2-0.jpg|500px]]
|-
|}

==Algorithm for Humans 3 — ??.??.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_3-1.jpg|500px]]
| [[File:JO_Algo_Human_3-0.jpg|500px]]
|-
|}

File:JO Algo Human 3-1.jpg

2019-01-03T21:03:37Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

File:JO Algo Human 3-0.jpg

2019-01-03T21:03:29Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

File:JO Algo Human 2-1.jpg

2019-01-03T21:03:21Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

File:JO Algo Human 2-0.jpg

2019-01-03T21:03:13Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Jonas Obertüfer/for humans

2019-01-03T21:02:20Z

Tasmas:

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_1-1.jpg|500px]]
| [[File:JO_Algo_Human_1-0.jpg|500px]]
|-
|}

==Algorithm for Humans 2 — ??.??.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_2-1.jpg|500px]]
| [[File:JO_Algo_Human_2-0.jpg|500px]]
|-
|}

==Algorithm for Humans 3 — ??.??.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:JO_Algo_Human_3-1.jpg|500px]]
| [[File:JO_Algo_Human_3-0.jpg|500px]]
|-
|}

File:JO Algo Human 1-1.jpg

2019-01-03T20:55:37Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

File:JO Algo Human 1-0.jpg

2019-01-03T20:55:29Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Jonas Obertüfer

2019-01-03T20:53:00Z

Tasmas:

GMU:Algorithmic Art/Jonas Obertüfer

2019-01-03T20:52:46Z

Tasmas:

GMU:Algorithmic Art/Jonas Obertüfer

2019-01-03T20:52:18Z

Tasmas:

GMU:Algorithmic Art/Jonas Obertüfer

2019-01-03T20:52:05Z

Tasmas:

File:JO Algo Human 0.jpg

2019-01-03T20:51:56Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-03T20:14:22Z

Tasmas:

blib blub.

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

GMU:Algorithmic Art/Jonas Obertüfer

2019-01-03T20:14:09Z

Tasmas:

hello friends. here you can find some of the stuff i did for the algorithmic art class :)

* [[/for humans/|algorithmic art for humans]]
* [[/for computers/|algorithmic art for computers]]

GMU:Algorithmic Art/Jonas Obertüfer/for humans

2019-01-03T20:13:49Z

Tasmas:

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| ok cool.
| test
|-
|}

GMU:Algorithmic Art/Jonas Obertüfer

2019-01-03T20:13:36Z

Tasmas:

hello friends. here you can find some of the stuff i did for the algorithmic art class :)

* [[/for humans/|algorithmic art for humans]]
* [[/for computers/|algorithmic art for computers]]

 

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| ok cool.
| test
|-
|}

 
 

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

GMU:Algorithmic Art/Jonas Obertüfer/for computers

2019-01-03T20:05:56Z

Tasmas: Created page with "blib blub"

blib blub

GMU:Algorithmic Art/Jonas Obertüfer/for humans

2019-01-03T20:05:11Z

Tasmas: Created page with "hey :)"

hey :)

GMU:Bits, Beats & Pieces

2018-11-18T18:54:24Z

Tasmas: /* Student Works */

''Lecturer:'' [[GMU:Max Neupert|Max Neupert]] 
''Credits:'' 6 [[ECTS]], 4 [[SWS]] 
''Date:'' Mondays, 09:15-12:30 
''Venue:'' [[Marienstraße 7b]], [[Marienstraße 7b/204|Raum 204]] 
''First meeting:'' Monday, 15th of October 09:00-12:30

==Bits, Beats & Pieces - Video Cut-Up in Echtzeit==

Als der Experimentalfilmer Martin Arnold 1989 mit „Pièce Touchée“ Micro-editing mit Found-Footage betrieb, war dieser Begriff noch nicht erfunden. Steina Vasulka, Granular Synthesis und viele weiter Künstler folgten in der Untersuchung einer Ästhetik der zeitlichen Dekonstruktion und Neu-Zusammensetzung von Bewegtbildern. In der Popkultur wurde dieses „audiovisuelle Cut-Up“ genutzt um das Bildsprache des Musikvideo zu erweitern und das Publikum von Live-Performances in den Bann zu ziehen. Cut Chemist und Ninja Tunes’ Coldcut und Hextatic wurden mit ihren audiovisuellen Shows und Videoclips bekannt.
Heute ist digitales Video eine schier unerschöpfliche Quelle an „Found Footage“ welche durch Plattformen wie YouTube, als eine Datenbank an bewegtem Bildern fast aller Art jederzeit und jedem zugänglich ist. Sie machten popkulturelle Phänomene wie Supercuts möglich: Aneinanderreihungen von kurzen sich gleichenden Szenen. Martin Arnolds mühsame Montagen von vor 30 Jahren erscheinen im Kontext dieser Subkulturen wie archaischer YouTube Poop.

Im Kurs Bits, Beats & Pieces - Video Cut-Up in Echtzeit schlagen wir die Brücke von Audio zu Video. Wir untersuchen und besprechen Beispiele künstlerischer Arbeiten aus Medienkunst, Experimentalfilm und Popkultur und schaffen eigene Arbeiten mit den Möglichkeiten von heute. Dabei lernen wir die Werkzeuge kennen die uns diese Arbeiten ermöglichen: Pure Data und Open Frameworks.

==Bits, Beats & Pieces - Video Cut-Up in Realtime==

When experimental filmmaker Martin Arnold 1989 made “Pièce Touchée” from found-footage, it was micro-editing before the term was invented. Steina Vasulka, Granular Synthesis and many other artists followed in exploring an aesthetic of deconstruction and reassembly of the timeline in moving images. In pop culture this “audiovisual cut-up” was used to expand the visual language of music clips and to have the audiences of live performances spellbound. Cut Chemist and Ninja Tunes’ Coldcut and Hextatic became famous for their audiovisual Shows and Videoclips.
Today digital video is an almost infinite source of found footage which has been made accessible to anyone, anytime through platforms like YouTube, essentially databases for moving images of almost any kind. They enabled pop culture phenomenons like supercuts: compilations of short shots of the same action. In the context of those subcultures Arnolds’ tedious montages from 30 years ago appear like archaic YouTube Poop.

In the class Bits, Beats & Pieces - Video Cut-Up in Realtime we are working with audiovisual material bridging Audio and Video. We will survey and discuss examples of creative Works from media art, experimental filmmaking and popular culture and create own works with the possibilities of today. On the way we will learn the tools which enable us to do so: Pure Data and Open Frameworks.

==Workshop files==
* [[Audiovideo]]

==Syllabus==

===2018-10-15===
* [http://www.gabrielshalom.com/#/house/ Gabriel Shalom: House]
* [https://www.youtube.com/watch?v=B8-QDCKdVO4 Coldcut/Hextatic: Timber]
* [https://www.youtube.com/watch?v=eRlhKaxcKpA Sven König: sCrAmBlEd?HaCkZ!]
* [https://www.youtube.com/watch?v=JzqumbhfxRo Lasse Gjertsen: Amateur]

===2018-10-22===

* [https://www.youtube.com/watch?v=AnDagpv4kUk Martin Arnold]

===2018-10-29===
* Cory Archangel: [https://www.youtube.com/watch?v=89ZueN7Szy0 A Couple Thousand Short Films About Glenn Gould], [https://www.youtube.com/watch?v=6ay0nOIWSo4 Drei Klavierstücke op. 11], [https://www.youtube.com/watch?v=JjVIwJJPGws Paganini Caprice No. 5]
* Kutiman [https://www.youtube.com/watch?v=EsBfj6khrG4 Thru You]

===2018-11-05===

* Omer Fast: [https://art21.org/watch/extended-play/omer-fast-cnn-concatenated-short/ CNN Concatenated]
* Beom Kim: [https://transmediale.de/content/untitled-news Untitled (News)]
* Erik Bünger: [http://www.erikbunger.com/variations-on-a-theme-by-casey-finch/ Variations on a Theme by Casey & Finch]
* Marie Chouinard [https://www.mariechouinard.com/cantique-no-3-100.html Cantique no. 3]

===2018-11-12===
* [https://www.youtube.com/watch?v=ATWljMbvVTg Granular Synthesis]
* Christian Graupner [http://www.humatic.de/indexE.html humatic.net]

===2018-11-19===

===2018-11-26===

===2018-12-03===

===2018-12-10===

===2018-12-17===

==Student Works==

* [[/Pedro Ramos/]]
* [[/Sarah Pacheco Alvim/]]
* [[/Sandra Anhalt/]]
* [[/Lalalolo/]]
* [[/FangSheng Chou/]]
* [[/Joel Schäfer/]]
* [[/Yifen Jiang/]]
* [[/Paloma Llambias/]]
* [[/Laith Aladwan/]]
* [[/Ariel Lo, Pik Ying/]]
* [[/Deniz Ekin Polat/]]
* [[/Laura Giraldo/]]
* [[/Tim Brückmann/]]
* [[/Joanna Bou Fadel/]]
* [[/Laura Dang/]]
* [[/rps/]]
* [[/jca/]]
* [[/Clemens/]]
* [[/Ioannis Oriwol/]]

==See also==

* [[Pure Data - Getting started]]

[[Category:Max Neupert]]
[[Category:WS18]]
[[Category:Werkmodul]]
[[Category:Fachmodul]]

GMU:Algorithmic Art/Jonas Obertüfer

2018-11-09T11:49:49Z

Tasmas: Created page with " ==Algorithm for Humans 1 — 19.10.18== {| border="1" |- ! style="width: 50%" | Result ! style="width: 50%" | Algorithm |- | ok cool. | test |- |} ==Algor..."

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| ok cool.
| test
|-
|}

 
 

==Algorithm for Computers 1 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| incoming soon
| ok cool
|-
|}

GMU:Algorithmic Art

2018-11-09T11:46:18Z

Tasmas: /* Student Works */

GMU:Bits, Beats & Pieces

2018-10-22T08:31:04Z

Tasmas: /* Student Works */

''Lecturer:'' [[GMU:Max Neupert|Max Neupert]] 
''Credits:'' 6 [[ECTS]], 4 [[SWS]] 
''Date:'' Mondays, 09:15-12:30 
''Venue:'' [[Marienstraße 7b]], [[Marienstraße 7b/204|Raum 204]] 
''First meeting:'' Monday, 15th of October 09:00-12:30

==Bits, Beats & Pieces - Video Cut-Up in Echtzeit==

Als der Experimentalfilmer Martin Arnold 1989 mit „Pièce Touchée“ Micro-editing mit Found-Footage betrieb, war dieser Begriff noch nicht erfunden. Steina Vasulka, Granular Synthesis und viele weiter Künstler folgten in der Untersuchung einer Ästhetik der zeitlichen Dekonstruktion und Neu-Zusammensetzung von Bewegtbildern. In der Popkultur wurde dieses „audiovisuelle Cut-Up“ genutzt um das Bildsprache des Musikvideo zu erweitern und das Publikum von Live-Performances in den Bann zu ziehen. Cut Chemist und Ninja Tunes’ Coldcut und Hextatic wurden mit ihren audiovisuellen Shows und Videoclips bekannt.
Heute ist digitales Video eine schier unerschöpfliche Quelle an „Found Footage“ welche durch Plattformen wie YouTube, als eine Datenbank an bewegtem Bildern fast aller Art jederzeit und jedem zugänglich ist. Sie machten popkulturelle Phänomene wie Supercuts möglich: Aneinanderreihungen von kurzen sich gleichenden Szenen. Martin Arnolds mühsame Montagen von vor 30 Jahren erscheinen im Kontext dieser Subkulturen wie archaischer YouTube Poop.

Im Kurs Bits, Beats & Pieces - Video Cut-Up in Echtzeit schlagen wir die Brücke von Audio zu Video. Wir untersuchen und besprechen Beispiele künstlerischer Arbeiten aus Medienkunst, Experimentalfilm und Popkultur und schaffen eigene Arbeiten mit den Möglichkeiten von heute. Dabei lernen wir die Werkzeuge kennen die uns diese Arbeiten ermöglichen: Pure Data und Open Frameworks.

==Bits, Beats & Pieces - Video Cut-Up in Realtime==

When experimental filmmaker Martin Arnold 1989 made “Pièce Touchée” from found-footage, it was micro-editing before the term was invented. Steina Vasulka, Granular Synthesis and many other artists followed in exploring an aesthetic of deconstruction and reassembly of the timeline in moving images. In pop culture this “audiovisual cut-up” was used to expand the visual language of music clips and to have the audiences of live performances spellbound. Cut Chemist and Ninja Tunes’ Coldcut and Hextatic became famous for their audiovisual Shows and Videoclips.
Today digital video is an almost infinite source of found footage which has been made accessible to anyone, anytime through platforms like YouTube, essentially databases for moving images of almost any kind. They enabled pop culture phenomenons like supercuts: compilations of short shots of the same action. In the context of those subcultures Arnolds’ tedious montages from 30 years ago appear like archaic YouTube Poop.

In the class Bits, Beats & Pieces - Video Cut-Up in Realtime we are working with audiovisual material bridging Audio and Video. We will survey and discuss examples of creative Works from media art, experimental filmmaking and popular culture and create own works with the possibilities of today. On the way we will learn the tools which enable us to do so: Pure Data and Open Frameworks.

==Syllabus==

===2018-10-15===
Discussed:
* [http://www.gabrielshalom.com/#/house/ Gabriel Shalom: House]
* [https://www.youtube.com/watch?v=B8-QDCKdVO4 Coldcut/Hextatic: Timber]
* [https://www.youtube.com/watch?v=eRlhKaxcKpA Sven König: sCrAmBlEd?HaCkZ!]
* [https://www.youtube.com/watch?v=JzqumbhfxRo Lasse Gjertsen: Amateur]

===2018-10-22===

* [https://www.youtube.com/watch?v=AnDagpv4kUk Martin Arnold]

==Student Works==

* [[/Max Neupert/]]
*[[/Pedro Ramos/]]
* [[/Sarah Pacheco Alvim/]]
* [[/Sandra Anhalt/]]
* [[/Lalalolo/]]
*[[/FangSheng Chou/]]
* [[/Joel Schäfer/]]
*[[/Yifen Jiang/]]
* [[/Clemens/]]
*[[/Paloma Llambias/]]
*[[/Laith Aladwan/]]
*[[/Ariel Lo, Pik Ying/]]
*[[/Deniz Ekin Polat/]]
* [[/Laura Giraldo/]]
* [[/Jonas Obertüfer/]]
[[Category:Max Neupert]]
[[Category:WS18]]
[[Category:Werkmodul]]
[[Category:Fachmodul]]

GMU:Körper Raum Stadt/Jonas Obertüfer

2018-04-17T12:16:16Z

Tasmas: /* Global warming, a local warning */

== Global warming, a local warning ==

(work in progres / subject to change)

Recently a magazine stated that there is a that in 2100 the sea level might be about two to three meters higher than now and until 2200 it might even rise up to eight meters! This is not the first time we have read something about climate change in fact we read about that topic many times already but still just tend to continue with our daily routines as if nothing happened. The problem with climate change along with climate change itself is that it is such an abstract thing on a global scale it is really hard to imagine. Whit this work I am trying to break it down in some ways on a local level.

Climate change in Weimar, Thuringia?

[[File:WP_20180413_17_00_37_Pro_small.jpg|600px]]

=== Some Links ===
* https://www.dasmagazin.ch/2018/02/26/holland-in-not/ (behind paywall)
* http://www.spiegel.de/wissenschaft/natur/meeresspiegel-prognose-nordsee-flutet-norddeutschland-a-1070856.html
* https://monopol-magazin.de/kunststudenten-im-moeblierten-wassertank

GMU:Körper Raum Stadt/Jonas Obertüfer

2018-04-16T22:03:02Z

Tasmas: /* Global warming, a local warning */

== Global warming, a local warning ==

(work in progres / subject to change)

Recently a magazine stated that there is a that in 2100 the sea level might be about two to three meters higher than now and until 2200 it might even rise up to eight meters! This is not the first time we have read something about climate change in fact we read about that topic many times already but still just tend to continue with our daily routines as if nothing happened. The problem with climate change along with climate change itself is that it is such an abstract thing on a global scale it is really hard to imagine. Whit this work I am trying to break it down in some ways on a local level.

Climate change in Weimar, Thuringia?

[[File:WP_20180413_17_00_37_Pro_small.jpg|600px]]

Break it down, state of uncertainty:

[[File:a local warning concept.jpg|600px]]

=== Some Links ===
* https://www.dasmagazin.ch/2018/02/26/holland-in-not/ (behind paywall)
* http://www.spiegel.de/wissenschaft/natur/meeresspiegel-prognose-nordsee-flutet-norddeutschland-a-1070856.html
* https://monopol-magazin.de/kunststudenten-im-moeblierten-wassertank

GMU:Körper Raum Stadt/Jonas Obertüfer

2018-04-16T21:44:40Z

Tasmas: Created page with "== Global warming, a local warning == (work in progres / subject to change) Recently a magazine stated that there is a that in 2100 the sea level might be about two to three..."

== Global warming, a local warning ==

(work in progres / subject to change)

Recently a magazine stated that there is a that in 2100 the sea level might be about two to three meters higher than now and until 2200 it might even rise up to eight meters! This is not the first time we have read something about climate change in fact we read about that topic many times already but still just tend to continue with our daily routines as if nothing happened. The problem with climate change along with climate change itself is that it is such an abstract thing on a global scale it is really hard to imagine. Whit this work I am trying to break it down in some ways on a local level.

Climate change in Weimar, Thuringia?

[[File:WP_20180413_17_00_37_Pro_small.jpg|600px]]

Break it down, state of uncertainty:

[[File:a local warning concept.jpg|600px]]

File:A local warning concept.jpg

2018-04-16T21:44:13Z

Tasmas: File uploaded with MsUpload

File uploaded with MsUpload