Medien Wiki - User contributions [en]

GMU:Algorithmic Art

2019-01-31T12:10:57Z

Noye4872: /* Consultations */

Lecturer: Tobias Zimmer<br>
Credits: 6 [[ECTS]], 4 [[SWS]]<br>
Date: Friday, 13:30 – 16:45<br>
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 (put your name here)

'''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]
<br>
'''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'']
<br>
'''Early Computer Artists'''
*[http://dam.org/artists/phase-one Digital Art Museum]
*[http://dada.compart-bremen.de/ Compart Bremen]
<br>

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

<br>
'''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]

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

<br>'''26.10.18'''
*''Variables''
*''Iteration / Animation''
*''For Loops''
*''Nested For Loops''

<br>'''02.11.18'''<br>
'''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] <br>
*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)]
<br>
*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''

<br>'''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()''

<br>'''16.11.18'''<br>
'''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]
<br>
*Getting started with the Plotter (HP7475A)
*''HPGL library''

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

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

<br>'''07.12.18'''

<br>'''14.12.18'''

<br>'''21.12.18'''
* OSC
* FaceOSC

<br>'''11.01.18'''
* Motion Detection
* OpenCV & Face Detection

<br>'''18.01.18'''
* loading data from files and visualizing texts

<br>'''25.01.18'''

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

2019-01-29T11:08:31Z

Noye4872: /* Consultations */

Lecturer: Tobias Zimmer<br>
Credits: 6 [[ECTS]], 4 [[SWS]]<br>
Date: Friday, 13:30 – 16:45<br>
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 (put your name here)
14:00 - 14:30 (put your name here)
14:30 - 15:00 (put your name here)
15:00 - 15:30 (put your name here)
15:30 - 16:00 (put your name here)
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 (put your name here)
15:00 - 15:30 (put your name here)
15:30 - 16:00 (put your name here)
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]
<br>
'''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'']
<br>
'''Early Computer Artists'''
*[http://dam.org/artists/phase-one Digital Art Museum]
*[http://dada.compart-bremen.de/ Compart Bremen]
<br>

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

<br>
'''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]

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

<br>'''26.10.18'''
*''Variables''
*''Iteration / Animation''
*''For Loops''
*''Nested For Loops''

<br>'''02.11.18'''<br>
'''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] <br>
*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)]
<br>
*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''

<br>'''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()''

<br>'''16.11.18'''<br>
'''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]
<br>
*Getting started with the Plotter (HP7475A)
*''HPGL library''

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

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

<br>'''07.12.18'''

<br>'''14.12.18'''

<br>'''21.12.18'''
* OSC
* FaceOSC

<br>'''11.01.18'''
* Motion Detection
* OpenCV & Face Detection

<br>'''18.01.18'''
* loading data from files and visualizing texts

<br>'''25.01.18'''

<br>'''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/Yasmin Mukino

2019-01-24T20:11:15Z

Noye4872: /* 30.11.18 / Week 8 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 09.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|700px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

== 23.11.18 / Week 7 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekSeven_assSix_AnimationImage-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VI: Generative Animation''
Nov 23 / Week 7: uploading a GIF to Processing. Pressing spacebar changes the x coordinate to the left.
[[:File:weekSeven_assSix_AnimationImage_.zip]]
|}

<br>
<br>

== 30.11.18 / Week 8 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekEight_assSeven_OOPRun-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: Objects/Classes/Particles''
Nov 30 / Week 8: object-oriented programming that loops.
[[:File:weekEight_assSeven_OOPRun.zip]]
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0005_01.jpg|400px]][[File:hgp1_0005_02.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: HGP Inspired by Frieder Nake''
Dec 14 / Week 8: Slow computing algorithm based on data of car plates. Instructions:
[[:File:Car plates algorithm.pdf]]
|}

<br>
<br>

== 30.11.18 / Week 8 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Screen Shot 2019-01-06 at 2.20.54 PM.png|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VIII: Video P3D''
Dec 15 / Week 10: Video P3D
[[:File:weekTen_assSix_video3d.pde]]
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Screen Shot 2019-01-24 at 9.10.27 PM.png|600px]]</div>
| <div class="margin" style="margin:1em;">

''Bauhaus Semester, January''
I wanted to visualize the Kunst & Gestaltung courses offered for Bauhaus Semester. I created the Processing file, but I wanted to try printing it with the plotter. Beforehand, my goal is to create more experimental shapes based on the data. [[:File:BauhausScatterPlotv8.zip]]</div>

|}

<br>
<br>

File:Screen Shot 2019-01-24 at 9.10.27 PM.png

2019-01-24T20:10:53Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Yasmin Mukino

2019-01-24T20:04:15Z

Noye4872: /* 30.11.18 / Week 8 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 09.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|700px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

== 23.11.18 / Week 7 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekSeven_assSix_AnimationImage-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VI: Generative Animation''
Nov 23 / Week 7: uploading a GIF to Processing. Pressing spacebar changes the x coordinate to the left.
[[:File:weekSeven_assSix_AnimationImage_.zip]]
|}

<br>
<br>

== 30.11.18 / Week 8 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekEight_assSeven_OOPRun-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: Objects/Classes/Particles''
Nov 30 / Week 8: object-oriented programming that loops.
[[:File:weekEight_assSeven_OOPRun.zip]]
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0005_01.jpg|400px]][[File:hgp1_0005_02.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: HGP Inspired by Frieder Nake''
Dec 14 / Week 8: Slow computing algorithm based on data of car plates. Instructions:
[[:File:Car plates algorithm.pdf]]
|}

<br>
<br>

== 30.11.18 / Week 8 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Screen Shot 2019-01-06 at 2.20.54 PM.png|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VIII: Video P3D''
Dec 15 / Week 10: Video P3D
[[:File:weekTen_assSix_video3d.pde]]
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;"></div>
| <div class="margin" style="margin:1em;">

''Bauhaus Semester, January''
I wanted to visualize the Kunst & Gestaltung courses offered for Bauhaus Semester. I created the Processing file, but I wanted to try printing it with the plotter. Beforehand, my goal is to create more experimental shapes based on the data. [[:File:BauhausScatterPlotv8.zip]]</div>

|}

<br>
<br>

File:BauhausScatterPlotv8.zip

2019-01-24T20:03:59Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Yasmin Mukino

2019-01-06T13:22:07Z

Noye4872: /* 30.11.18 / Week 8 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 09.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|700px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

== 23.11.18 / Week 7 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekSeven_assSix_AnimationImage-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VI: Generative Animation''
Nov 23 / Week 7: uploading a GIF to Processing. Pressing spacebar changes the x coordinate to the left.
[[:File:weekSeven_assSix_AnimationImage_.zip]]
|}

<br>
<br>

== 30.11.18 / Week 8 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekEight_assSeven_OOPRun-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: Objects/Classes/Particles''
Nov 30 / Week 8: object-oriented programming that loops.
[[:File:weekEight_assSeven_OOPRun.zip]]
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0005_01.jpg|400px]][[File:hgp1_0005_02.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: HGP Inspired by Frieder Nake''
Dec 14 / Week 8: Slow computing algorithm based on data of car plates. Instructions:
[[:File:Car plates algorithm.pdf]]
|}

<br>
<br>

== 30.11.18 / Week 8 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Screen Shot 2019-01-06 at 2.20.54 PM.png|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VIII: Video P3D''
Dec 15 / Week 10: Video P3D
[[:File:weekTen_assSix_video3d.pde]]
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;"></div>
| <div class="margin" style="margin:1em;">

''Assignment VII: HGP Inspired by Frieder Nake''
Jan / Week x: n/a. Instructions:

|}

<br>
<br>

File:Screen Shot 2019-01-06 at 2.20.54 PM.png

2019-01-06T13:21:12Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekTen assSix video3d.pde

2019-01-06T13:19:58Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Yasmin Mukino

2019-01-06T13:18:06Z

Noye4872:

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 09.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|700px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

== 23.11.18 / Week 7 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekSeven_assSix_AnimationImage-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VI: Generative Animation''
Nov 23 / Week 7: uploading a GIF to Processing. Pressing spacebar changes the x coordinate to the left.
[[:File:weekSeven_assSix_AnimationImage_.zip]]
|}

<br>
<br>

== 30.11.18 / Week 8 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekEight_assSeven_OOPRun-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: Objects/Classes/Particles''
Nov 30 / Week 8: object-oriented programming that loops.
[[:File:weekEight_assSeven_OOPRun.zip]]
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0005_01.jpg|400px]][[File:hgp1_0005_02.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: HGP Inspired by Frieder Nake''
Dec 14 / Week 8: Slow computing algorithm based on data of car plates. Instructions:
[[:File:Car plates algorithm.pdf]]
|}

<br>
<br>

== 30.11.18 / Week 8 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekEight_assSeven_OOPRun-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: Objects/Classes/Particles''
Nov 30 / Week 8: object-oriented programming that loops.
[[:File:weekEight_assSeven_OOPRun.zip]]
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0005_01.jpg|400px]][[File:hgp1_0005_02.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: HGP Inspired by Frieder Nake''
Dec 14 / Week 8: Slow computing algorithm based on data of car plates. Instructions:
[[:File:Car plates algorithm.pdf]]
|}

<br>
<br>

GMU:Algorithmic Art/Yasmin Mukino

2018-12-23T15:51:32Z

Noye4872: /* 30.11.18 / Week 8 */

File:Car plates algorithm.pdf

2018-12-23T15:51:24Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Yasmin Mukino

2018-12-23T15:49:27Z

Noye4872: /* 30.11.18 / Week 8 */

File:Hgp1 0005 02.jpg

2018-12-23T15:49:12Z

Noye4872: Noye4872 uploaded a new version of File:Hgp1 0005 02.jpg

File uploaded with MsUpload

File:Hgp1 0005 01.jpg

2018-12-23T15:49:12Z

Noye4872: Noye4872 uploaded a new version of File:Hgp1 0005 01.jpg

File uploaded with MsUpload

File:Hgp1 0005 01.jpg

2018-12-23T15:46:48Z

Noye4872: Noye4872 uploaded a new version of File:Hgp1 0005 01.jpg

File uploaded with MsUpload

File:Hgp1 0005 02.jpg

2018-12-23T15:46:48Z

Noye4872: Noye4872 uploaded a new version of File:Hgp1 0005 02.jpg

File uploaded with MsUpload

GMU:Algorithmic Art/Yasmin Mukino

2018-12-23T15:46:15Z

Noye4872: /* 30.11.18 / Week 8 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 09.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|700px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

== 23.11.18 / Week 7 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekSeven_assSix_AnimationImage-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VI: Generative Animation''
Nov 23 / Week 7: uploading a GIF to Processing. Pressing spacebar changes the x coordinate to the left.
[[:File:weekSeven_assSix_AnimationImage_.zip]]
|}

<br>
<br>

== 30.11.18 / Week 8 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekEight_assSeven_OOPRun-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: Objects/Classes/Particles''
Nov 30 / Week 8: object-oriented programming that loops.
[[:File:weekEight_assSeven_OOPRun.zip]]
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[:File:hgp1_0005_01.jpg|400px]][[:File:hgp1_0005_02.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: HGP Inspired by Frieder Nake''
Dec 14 / Week 8: Slow computing algorithm based on data of car plates. Instructions:
[[:File:Car plates algorithm.docx]]
|}

<br>
<br>

GMU:Algorithmic Art/Yasmin Mukino

2018-12-23T15:45:44Z

Noye4872: /* 14.12.18 / Week 8 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 09.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|700px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

== 23.11.18 / Week 7 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekSeven_assSix_AnimationImage-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VI: Generative Animation''
Nov 23 / Week 7: uploading a GIF to Processing. Pressing spacebar changes the x coordinate to the left.
[[:File:weekSeven_assSix_AnimationImage_.zip]]
|}

<br>
<br>

== 30.11.18 / Week 8 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekEight_assSeven_OOPRun-SC.gif|700px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: Objects/Classes/Particles''
Nov 30 / Week 8: object-oriented programming that loops.
[[:File:weekEight_assSeven_OOPRun.zip]]
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[:File:hgp1_0005_01.jpg]][[:File:hgp1_0005_02.jpg]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: HGP Inspired by Frieder Nake''
Dec 14 / Week 8: Slow computing algorithm based on data of car plates. Instructions:
[[:File:Car plates algorithm.docx]]
|}

<br>
<br>

File:Hgp1 0005 01.jpg

2018-12-23T15:45:05Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:Hgp1 0005 02.jpg

2018-12-23T15:45:05Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:Car plates algorithm.docx

2018-12-23T15:45:04Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Yasmin Mukino

2018-12-11T15:27:57Z

Noye4872:

GMU:Algorithmic Art/Yasmin Mukino

2018-12-11T15:24:27Z

Noye4872:

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 09.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

== 23.11.18 / Week 7 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekSeven_assSix_AnimationImage-SC.gif|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VI: Generative Animation''
Nov 23 / Week 7: uploading a GIF to Processing. Pressing spacebar changes the x coordinate to the left.
[[:File:weekSeven_assSix_AnimationImage_.zip]]
|}

<br>
<br>

== 30.11.18 / Week 8 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekEight_assSeven_OOPRun-SC.gif|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VII: Objects/Classes/Particles''
Nov 30 / Week 8: object oriented programming that loops.
[[:File:weekEight_assSeven_OOPRun.zip]]
|}

<br>
<br>

File:WeekEight assSeven OOPRun-SC.gif

2018-12-11T15:22:33Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekEight assSeven OOPRun.zip

2018-12-11T15:22:32Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Yasmin Mukino

2018-12-11T15:21:18Z

Noye4872: /* 23.11.18 / Week 6 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 09.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

== 23.11.18 / Week 7 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekSeven_assSix_AnimationImage-SC.gif|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment VI: Generative Animation''
Nov 23 / Week 7: uploading a GIF to Processing. Pressing spacebar changes the x coordinate to the left.
[[:File:weekSeven_assSix_AnimationImage_.zip]]
|}

<br>
<br>

File:WeekSeven assSix AnimationImage .zip

2018-12-11T15:19:28Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekSeven assSix AnimationImage-SC.gif

2018-12-11T15:18:59Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekSeven assSix AnimationImage.pde

2018-12-11T15:18:59Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Yasmin Mukino

2018-12-11T15:17:09Z

Noye4872: /* 23.11.18 / Week 6 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 09.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

== 23.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

GMU:Algorithmic Art/Yasmin Mukino

2018-12-11T15:15:55Z

Noye4872:

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 23.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

== 23.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

GMU:Algorithmic Art/Yasmin Mukino

2018-12-11T15:14:59Z

Noye4872: /* 23.11.18 / Week 6 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 23.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|400px]]</div>
| <div class="margin" style="margin:1em;">

''Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

GMU:Algorithmic Art/Yasmin Mukino

2018-12-11T15:14:33Z

Noye4872: /* 23.11.18 / Week 6 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 23.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interpret 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:weekFive_assFive_ParametricLines-SC.gif|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 4 / Assignment V: Generative Image/Animation with Cos Sine''
Nov 9 / Week 5: Repeat, understand and/or reproduce the code from todays class and make your own experiments with the noise() and sin()/cos() function.
[[:File:weekFive_assFive_ParametricLines.pde]]
|}

<br>
<br>

File:WeekFive assFive ParametricLines.pde

2018-12-11T15:13:27Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekFive assFive ParametricLines-SC.gif

2018-12-11T15:11:46Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Yasmin Mukino

2018-12-07T13:17:25Z

Noye4872: /* Algorithm for Humans 2 — 02.11.18 / Week 4 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
[[:File:weekFour_assFour_Starlightt.pde]]
[[:File:Starr.pde]]

</div>
|-
|}

<br>
<br>

== 23.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interprete 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|}

<br>
<br>

File:WeekFour assFour Starlightt.pde

2018-12-07T13:17:01Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:Starr.pde

2018-12-07T13:17:01Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Yasmin Mukino

2018-12-07T13:16:20Z

Noye4872: /* Algorithm for Computers 3 — 02.11.2018 / Week 4 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid.
[[:File:weekFour_assThree_DigitalProgrammingTwooo.pde]]
[[:File:weekFour_assThree_DigitalProgrammingOnee.pde]]
</div>
|-
|}

<br>
<br>

==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
</div>
|-
|}

<br>
<br>

== 23.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interprete 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|}

<br>
<br>

File:WeekFour assThree DigitalProgrammingOnee.pde

2018-12-07T13:16:09Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekFour assThree DigitalProgrammingTwooo.pde

2018-12-07T13:16:09Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Yasmin Mukino

2018-12-07T13:14:16Z

Noye4872: /* Algorithm for Computers 2 — 26.10.18 / Week 3 */

<br>

==Algorithm for Humans 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:Introductory_algorithm_superimposed_MukinoY.png|600px|Introductory Algorithm]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / Introduction''
Superimposed results of the [[Media:introductory_algorithm.pdf|Introductory Algorithm]]. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.<br><br> </div>
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0001_instruct.jpg|400px]][[File:hgp1_0001.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 1 / HGP 1''
First HGP algorithm I made for class.<br><br> </div>
|-
|}

<br>
<br>

==Algorithm for Computers 1 — 19.10.18 / Week 2 ==

{| border="1"
|-
! style="width: 75%" | Result
! style="width: 25%" | Algorithm
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekOne_firstTest_AnonBauhausStudent.jpg|600px|First Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.1''<br>
Executing a work of an unknown work of a Bauhaus student by using Processing.
[[:File:weekOne_firstTest_AnonBauhausStudentt.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_thirdTest_Suprematistic.jpg|600px|Second Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.2''<br>
Executing a work of Suprematistic, László Moholy-Nagy by using Processing.
[[:File:weekTwo_thirdTest_Suprematisticc.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:weekTwo_fourthTest_TwoDimensionalSelf.jpg|600px|Third Practice]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 2.3''<br>
Executing a work of Portrait, Kasimir Malewitsch by using Processing.
[[:File:weekTwo_fourthTest_TwoDimensionalSelff.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekTwo fifthTest FreiesKunst.mov|600px| Practice at Home]]</div>
|<div class="margin" style="margin:1em;">
''Homework 2.1''<br>
Trying out mouse interaction mouseX and mouseY.
[[:File:weekTwo_fifthTest_FreiesKunstt.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 2 — 26.10.18 / Week 3 ==

{| border="1"
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ simpleAnimation incrementation.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.1''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_simpleAnimation_incrementationn.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekThree TZ ConditionalStatements.mov|600px|Exploring different ways of animating with Processing]]</div>
|<div class="margin" style="margin:1em;">
''In-Class Practice 3.2''<br>
Exploring different ways of animating with Processing
[[:File:weekThree_TZ_ConditionalStatementss.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixTwo WhileLoop.jpg|600px|Practicing while loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.1''<br>
Based on randomized integers, Processing generates a different image every time it runs.
[[:File:weekFour_Lynda_sixTwo_WhileLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixThree ForLoop.mov|600px|Practicing nested loops.]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.2''<br>
Colors of each box change based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixThree_ForLoopp.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixOne codeBlock.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.3''<br>
Keyboard and mouse interactions combined. Pressing ''spacebar'' moves the x coordinate of the rectangle and clicking would change its colors based on the randomized selection from the sketch's color palette.
[[:File:weekFour_Lynda_sixOne_codeBlockk.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFour ConditionalsSwitch.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.4''<br>
Conditional if statements that make circle smaller and bigger according to the x and y coordinate of the mouse in relation to the three ellipses.
[[:File:weekFour_Lynda_sixFour_ConditionalsSwitchh.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sixFive Easing.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.5''<br>
Easing using floats and ....math. The new value of excellent adds on a fraction of the difference between the target, which is the mouse, and the current position. So what we do is we do mouse x-x1, so that gets the difference between the mouse and the current position, and then it multiplies times this little coefficient.
[[:File:weekFour_Lynda_sixFive_Easingg.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenTwo MouseHover.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.6''<br>
Mouse interaction with hover by calculating the distance between the mouse's coordinates and the shapes.
[[:File:weekFour_Lynda_sevenTwo_MouseHoverr.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenThree KeyboardInteraction.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.7''<br>
Keyboard interaction. By pressing either the keyboard case ''L'' or ''R'' it will change the color of chosen shape (left/right).
[[:File:weekFour_Lynda_sevenThree_KeyboardInteractionn.pde]]
</div>
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda sevenOne MouseTracking.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.8''<br>
Mouse tracking
[[:File:weekFour_Lynda_sevenOne_MouseTrackingg.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveTwo PerlinNoise.png|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.9''<br>
Perlin noise
[[:File:weekFour_Lynda_fiveTwo_PerlinNoisee.pde]]
</div>
|-
|-
|<div class="center" style="width: auto; margin-left: auto; margin-right: auto;">[[File:WeekFour Lynda fiveOne Randomness.mov|600px]]</div>
|<div class="margin" style="margin:1em;">
''Home Practice 3.10''<br>
continuous generated circles based on random radius and color values
[[:File:weekFour_Lynda_fiveOne_Randomnesss.pde]]
</div>
|-
|}
<br>
<br>

==Algorithm for Computers 3 — 02.11.2018 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour_assThree_DigitalProgrammingOne.mov|600px|Homework from Week 3]]<br><br>
[[File:WeekFour assThree DigitalProgrammingTwo pde.mov|600px|Homework from Week 3]]
</div>
| <div class="margin" style="margin:1em;">
''Homework from Week 3 / Assignment III: Digital Programming''
Task = Create a Processing sketch based on a 2D grid structure, using nested for loops. Experiment with different shapes and use the loops variables to achieve different visual effects for different elements of the grid. </div>
|-
|}

<br>
<br>
==Algorithm for Humans 2 — 02.11.18 / Week 4 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0002.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Hey! Whoever got my sketchbook, here is the instruction for the '''Human Graphical Processors assignment for week of November 2nd''':''
[[File:Human Graphical Processors HGC MukinoY.rtf|HGC instructions for week of November 2nd]].''</div>
|-
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:WeekFour assFour Starlight.gif|600px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 3 / Assignment IV: Generative Image/Animation''
</div>
|-
|}

<br>
<br>

== 23.11.18 / Week 6 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|<div class="center" style="width: auto;margin-left: auto; margin-right: auto;">[[File:hgp1_0004_instruct.jpg|400px]][[File:hgp1_0004.jpg|400px]]</div>
| <div class="margin" style="margin:1em;">

''Homework from Week 5 / Assignment V: HGP''
Your next HGP-Algorithm should involve a (random or deterministic) generator, that draws values from the 'real world'. In the best case, your HGP is not able to fulfill your algorithm by sitting at a desk alone. Keep a reasonable time limit in mind (30 to 45 minutes). Interprete 'value' as you like and decide what will happen with the values.
</div>
|-
|-
|}

<br>
<br>

File:WeekFour Lynda fiveOne Randomnesss.pde

2018-12-07T13:13:52Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekFour Lynda fiveTwo PerlinNoisee.pde

2018-12-07T13:13:15Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekFour Lynda sevenOne MouseTrackingg.pde

2018-12-07T13:12:56Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekFour Lynda sevenThree KeyboardInteractionn.pde

2018-12-07T13:12:31Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekFour Lynda sevenTwo MouseHoverr.pde

2018-12-07T13:11:59Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekFour Lynda sixFive Easingg.pde

2018-12-07T13:11:29Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload

File:WeekFour Lynda sixFour ConditionalsSwitchh.pde

2018-12-07T13:11:00Z

Noye4872: File uploaded with MsUpload

File uploaded with MsUpload