GMU:Meandering through Space/Part1: Difference between revisions

From Medien Wiki
No edit summary
(Add thumbnails from codepen)
 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
= Meandering Curves =
= Meandering Curves =


-----
== Introduction ==
== Introduction ==
[[File:meander-construction-stuebel.jpg|400px|thumb|left|[https://archive.org/stream/mhaanderkreuze00heinrich#page/13/mode/1up Meander Construction] by Symmetry Breaking (Stübel)]]
<br style="clear:both;">


=== About ===
=== About ===
Line 30: Line 35:


=== Literature ===
=== Literature ===
==== Meanders ====
==== Meanders ====
* Hans-Henrik  Stølum: [http://raaf.org/pdfs/meandering_river.pdf River Meandering as a Self-Organization Process] (1996)
* Hans-Henrik  Stølum: [http://raaf.org/pdfs/meandering_river.pdf River Meandering as a Self-Organization Process] (1996)
Line 49: Line 53:
* E.Gail Hutchinson and Janet M.Thornton: [http://peds.oxfordjournals.org/content/6/3/233.full.pdf The  Greek  key motif: extraction,  classification  and  analysis] (1993)
* E.Gail Hutchinson and Janet M.Thornton: [http://peds.oxfordjournals.org/content/6/3/233.full.pdf The  Greek  key motif: extraction,  classification  and  analysis] (1993)


-----
== Collaborative Drawing ==
== Collaborative Drawing ==
{{#ev:youtube|CTn4FE3b8DQ|400|left|Studio Moniker: Conditional Design Workshop|frame}}
<br style="clear:both;">


=== About ===
=== About ===
Line 59: Line 68:
* Design your own algorithm
* Design your own algorithm


=== Videos ===
=== Sol Lewitt ===
* [https://www.youtube.com/watch?v=CTn4FE3b8DQ Conditional Design Workshop] by Studio Moniker  (2013)
 
* [https://vimeo.com/channels/gdfbtv/12260671 Conditional Design Keynote] by  Studio Moniker (2015)
Sol Lewitt's [http://www.thegundgallery.org/2013/07/sol-lewitt/ Walldrawing] from the Do It Exhibition (2001):


=== Links ===
:''A black not straight line is drawn at approximately the center of the wall horizontally from side to side.''
* [https://conditionaldesign.org Conditional Design]
:''Alternate red, yellow and blue lines are drawn above and below the black line to the top and bottom of the wall''
 
More walldrawings in this [http://massmoca.org/sol-lewitt/ retrospective].
 
=== Conditional Design ===
* Studio Moniker: [https://conditionaldesign.org Conditional Design Website]
* Studio Moniker: [https://www.youtube.com/watch?v=CTn4FE3b8DQ Conditional Design Workshop] (2013)
* Studio Moniker: [https://vimeo.com/channels/gdfbtv/12260671 Conditional Design Keynote] (2015)
 
=== Hypercomics ===
* Ted Nelson: [https://www.google.de/#q=computer+lib+dream+machines Computer Lib / Dream Machines] (1974) feat. [https://twitter.com/bitcraftlab/status/773977855604719616 Hypercomics]
* Scott McCloud: [http://scottmccloud.com/4-inventions/canvas/ Infinite Canvas] (2009)
 
=== Collaborative Canvas ===
* Wikipedia: [[wikipedia:Exquisite Corpse|Exquisite Corpse]]
* Hannes Niepold und Hans Wastlhuber: [http://www.cointel.de/index1.html cOiNTEL] (2000) — a collaborative hypercomic
* Ralph Schulz: [http://www.superfreedraw.com Super Free Draw] (2010)
* Xavier Barrade: [http://www.epicexquisitecorpse.com/ Epic Exquisite Corpse] (2011)
* Aaron Koblin: [http://www.exquisiteforest.com/ This Exquisite Forest] (2012)
* Ai Weiwei and Olafur Eliasson: [http://www.moonmoonmoonmoon.com/ Moon] (2013)
 
=== Connection Games ===
* Wikipedia: [[wikipedia:Hex_(board_game)|Hex Board Game]]
* Cameron Browne: ''Connection Games: Variations on a Theme'' (2003) — ISBN 978-1568812243
* John Conway: ''Winning Ways for Your Mathematical Plays'' (1982) — [https://lhwei.gbv.de/FAM?PPN=031635741 Gewinnen: Strategien für mathematische Spiele]
 
=== Tiling Systems ===
* Dominique Douat: [https://github.com/bitcraftlab/10PRINT/raw/master/lit/douat.pdf Méthode pour faire une infinité de desseins differens] (1722)
* Keith Haring: [https://twitter.com/bitcraftlab/status/697814780753616897 Drawings for Multiple Figures from 8 Seperate Tiles] (1982)
* BoardGame Geek: [https://boardgamegeek.com/geeklist/54579/games-inspired-truchet-tiles Games inspired by Truchet Tiles]
 
=== Reading Lists ===
* [http://www.flong.com/blog/2014/computing-without-computers/ Computing without Computers]
* [http://www.flong.com/blog/2014/computing-without-computers/ Computing without Computers]
* [https://socialmediacollective.org/reading-lists/critical-algorithm-studies/ Critical Algorithm Studies Reading List]
* [https://socialmediacollective.org/reading-lists/critical-algorithm-studies/ Critical Algorithm Studies Reading List]


-----
== Random Walks ==
== Random Walks ==


[[File:john-venn-pi-walk.png|300px|thumb|left|John Venn [https://archive.org/stream/logicofchance029416mbp#page/n153/mode/1up The Logic of Chance] (1888) ]]
[[File:john-venn-pi-walk.png|400px|thumb|left|John Venn [https://archive.org/stream/logicofchance029416mbp#page/n153/mode/1up The Logic of Chance] (1888) ]]


<br style="clear:both;">
<br style="clear:both;">
Line 79: Line 120:
=== Goals ===
=== Goals ===
* Learn to use and create functions in processing
* Learn to use and create functions in processing
* Basics of determinism, randomness and pseudo-randomness
* Learn about random distributions
* Learn about random distributions
* Learn about noise functions
* Learn about noise functions
=== Code ===
* Connect Random Points<br>
[https://codepen.io/bitcraftlab/details/mOyayr/ https://codepen.io/bitcraftlab/pen/mOyayr/image/small.png]
* Random Walk <br>
[https://codepen.io/bitcraftlab/details/woBNxV/ https://codepen.io/bitcraftlab/pen/woBNxV/image/small.png]
* Nature of Code : [http://natureofcode.com/book/introduction/ Introduction] to Randomness  by Daniel Shiffman
** Random Walk Tutorial — [https://htmlpreview.github.io/?https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/blob/master/introduction/NOC_I_01_RandomWalkTraditional/index.html Preview] + [https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/blob/master/introduction/NOC_I_01_RandomWalkTraditional/sketch.js Code]
**  Random Distribution — [https://htmlpreview.github.io/?https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/blob/master/introduction/NOC_I_02_RandomDistribution/index.html Preview] +  [https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/blob/master/introduction/NOC_I_02_RandomDistribution/sketch.js Code]
** Random Walk tends to the right — [https://htmlpreview.github.io/?https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/blob/master/introduction/NOC_I_03_RandomWalkTendsToRight/index.html Preview] + [https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/blob/master/introduction/NOC_I_03_RandomWalkTendsToRight/sketch.js Code]
** Gaussian Distribution — [https://htmlpreview.github.io/?https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/blob/master/introduction/NOC_I_04_Gaussian/index.html Preview] + [https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/blob/master/introduction/NOC_I_04_Gaussian/sketch.js Code]
** Noise Walk  — [https://htmlpreview.github.io/?https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/blob/master/introduction/NOC_I_05_NoiseWalk/index.html Preview] + [https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/tree/master/introduction/NOC_I_05_NoiseWalk/sketch.js Code]
** 1 dimensional noise — [https://htmlpreview.github.io/?https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/blob/master/introduction/Noise1D/index.html Preview] + [https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/blob/master/introduction/Noise1D/sketch.js Code]


=== Links ===
=== Links ===
Line 87: Line 142:


==== Art ====
==== Art ====
* [https://www.flickr.com/groups/roomba/ Roomba Art Group] on Flickr
* [http://cyberneticzoo.com/mazesolvers/1952-%E2%80%93-theseus-maze-solving-mouse-%E2%80%93-claude-shannon-american/ Claude Shannon's Theseus] in [https://books.google.de/books?id=3VUEAAAAMBAJ&pg=PA45 in Live Magazine] and [http://cyberneticzoo.com/wp-content/uploads/2010/04/Shannon-Maze-PopSci_Mar19521.pdf Popular Science]
* [https://www.flickr.com/groups/roomba/pool/ Roomba Art Pool] on Flickr
* [https://www.flickr.com/photos/sergioalbiac/albums/72157625497147722 Drawn not Void] by Sergio Albiac (2010)
* [https://www.flickr.com/photos/sergioalbiac/albums/72157625497147722 Drawn not Void] by Sergio Albiac (2010)


==== Science ====
==== Science ====
* [http://electronics.howstuffworks.com/gadgets/home/robotic-vacuum.htm/printable How Robotic Vacuums work]
* [http://electronics.howstuffworks.com/gadgets/home/robotic-vacuum.htm/printable How Robotic Vacuums work]

Latest revision as of 11:02, 7 November 2016

Meandering Curves


Introduction

Meander Construction by Symmetry Breaking (Stübel)


About

This lecture provides an overview of the course and meanders through space and time.

Goals

  • Overview of the course
  • History of meanders in nature and design
  • Basic understanding of generative coding
  • Basic understanding of self organisation

Inspiration

Nature

Culture

Art

Literature

Meanders

Lines

Labyrinths and Mazes

Science


Collaborative Drawing

Studio Moniker: Conditional Design Workshop


About

In this lecture we will draw curves using everything from paper to online tools.

Goals

  • Learn about algorithms
  • Learn about constraints
  • Design your own algorithm

Sol Lewitt

Sol Lewitt's Walldrawing from the Do It Exhibition (2001):

A black not straight line is drawn at approximately the center of the wall horizontally from side to side.
Alternate red, yellow and blue lines are drawn above and below the black line to the top and bottom of the wall

More walldrawings in this retrospective.

Conditional Design

Hypercomics

Collaborative Canvas

Connection Games

Tiling Systems

Reading Lists


Random Walks

John Venn The Logic of Chance (1888)


About

In this class we will learn how to use randomness to create curves.

Goals

  • Learn to use and create functions in processing
  • Basics of determinism, randomness and pseudo-randomness
  • Learn about random distributions
  • Learn about noise functions

Code

  • Connect Random Points

small.png

  • Random Walk

small.png

Links

Art

Science