(Add introduction + literature) |
(Add thumbnails from codepen) |
||
(29 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 11: | Line 16: | ||
* Basic understanding of generative coding | * Basic understanding of generative coding | ||
* Basic understanding of self organisation | * Basic understanding of self organisation | ||
=== Inspiration === | |||
==== Nature ==== | |||
* Harold Fisk: [http://www.radicalcartography.net/index.html?fisk Mississippi Maps] (1944) | |||
* Daniel E. Coe: [http://www.oregongeology.org/pubs/ll/p-poster-willamette.htm Willamette River, Oregon] (2013) | |||
==== Culture ==== | |||
* Alois Raimund Hain: [https://archive.org/details/mhaanderkreuze00heinrich Mäander, Kreuze, Hakenkreuze] (1852) | |||
* Owen Jones: [https://archive.org/stream/grammarornament00Jone#page/XV/mode/1up The Grammar of Ornament ] (1856) | |||
* koFactorLab: [http://lab.kofaktor.hr/en/portfolio/super-flexible-laser-cut-plywood/ Super-Flexible Laser-Cut Plywood] (2015) | |||
==== Art ==== | |||
* Anni Albers: [http://www.albersfoundation.org/art/anni-albers/weavings/#slide2 Red Meander] (1954) | |||
* Anni Albers: [http://www.albersfoundation.org/art/anni-albers/weavings/#slide7 Intersecting] (1962) | |||
* Anni Albers: [http://www.albersfoundation.org/art/anni-albers/weavings/#slide5 Under Way] (1963) | |||
* Wilson Thomas: [http://luc.devroye.org/WilsonThomas--Tramarada--2011.png Tramarada Font] (2011) | |||
=== 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) | ||
* Jeffrey Ventrella: [https://archive.org/details/BrainfillingCurves-AFractalBestiary Brain-filling Curves: A fractal Bestiary] (2012) | * Jeffrey Ventrella: [https://archive.org/details/BrainfillingCurves-AFractalBestiary Brain-filling Curves: A fractal Bestiary] (2012) | ||
* Jenny Sabin: [http://viewer.zmags.com/publication/05726862 Meander: Variegating Architecture] (2010) — ISBN 978-0415424271 | |||
==== Lines ==== | ==== Lines ==== | ||
Line 28: | Line 50: | ||
* Casey Reas: [http://10print.org/ 10 PRINT] (2012) — ISBN 978-0819426529 or [http://trope-tank.mit.edu/10_PRINT_121114.pdf PDF] | * Casey Reas: [http://10print.org/ 10 PRINT] (2012) — ISBN 978-0819426529 or [http://trope-tank.mit.edu/10_PRINT_121114.pdf PDF] | ||
==== Science ==== | |||
* 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 === | |||
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 [http://www.thegundgallery.org/2013/07/sol-lewitt/ 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 [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] | |||
* [https://socialmediacollective.org/reading-lists/critical-algorithm-studies/ Critical Algorithm Studies Reading List] | |||
----- | |||
== Random Walks == | == Random Walks == | ||
... | |||
[[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;"> | |||
=== 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<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 === | |||
* [http://walks.carma.newcastle.edu.au/ Walking on Real Numbers] | |||
* [http://www.random-walk.com/ Visualizing Randomness] (Anti-Dataviz) | |||
==== Art ==== | |||
* [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) | |||
==== Science ==== | |||
* [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
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
- Harold Fisk: Mississippi Maps (1944)
- Daniel E. Coe: Willamette River, Oregon (2013)
Culture
- Alois Raimund Hain: Mäander, Kreuze, Hakenkreuze (1852)
- Owen Jones: The Grammar of Ornament (1856)
- koFactorLab: Super-Flexible Laser-Cut Plywood (2015)
Art
- Anni Albers: Red Meander (1954)
- Anni Albers: Intersecting (1962)
- Anni Albers: Under Way (1963)
- Wilson Thomas: Tramarada Font (2011)
Literature
Meanders
- Hans-Henrik Stølum: River Meandering as a Self-Organization Process (1996)
- Jeffrey Ventrella: Brain-filling Curves: A fractal Bestiary (2012)
- Jenny Sabin: Meander: Variegating Architecture (2010) — ISBN 978-0415424271
Lines
- Tim Ingold: Lines: a brief history (2007) — ISBN 978-0415424271 (hint: google it)
- Wassily Kandisky: Punkt und Linie zu Fläche (1926)
Labyrinths and Mazes
- William Henry Matthews: Mazes and Labyrinths: A general Account of their History and Developments (1922)
- Herrmann Kern: Labyrinthe (1999) — ISBN 978-3791306148
- Sam McElhinney: Labyrinths, Mazes and the Spaces inbetween (2009)
- Casey Reas: 10 PRINT (2012) — ISBN 978-0819426529 or PDF
Science
- E.Gail Hutchinson and Janet M.Thornton: The Greek key motif: extraction, classification and analysis (1993)
Collaborative Drawing
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
- Studio Moniker: Conditional Design Website
- Studio Moniker: Conditional Design Workshop (2013)
- Studio Moniker: Conditional Design Keynote (2015)
Hypercomics
- Ted Nelson: Computer Lib / Dream Machines (1974) feat. Hypercomics
- Scott McCloud: Infinite Canvas (2009)
Collaborative Canvas
- Wikipedia: Exquisite Corpse
- Hannes Niepold und Hans Wastlhuber: cOiNTEL (2000) — a collaborative hypercomic
- Ralph Schulz: Super Free Draw (2010)
- Xavier Barrade: Epic Exquisite Corpse (2011)
- Aaron Koblin: This Exquisite Forest (2012)
- Ai Weiwei and Olafur Eliasson: Moon (2013)
Connection Games
- Wikipedia: Hex Board Game
- Cameron Browne: Connection Games: Variations on a Theme (2003) — ISBN 978-1568812243
- John Conway: Winning Ways for Your Mathematical Plays (1982) — Gewinnen: Strategien für mathematische Spiele
Tiling Systems
- Dominique Douat: Méthode pour faire une infinité de desseins differens (1722)
- Keith Haring: Drawings for Multiple Figures from 8 Seperate Tiles (1982)
- BoardGame Geek: Games inspired by Truchet Tiles
Reading Lists
Random Walks
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
- Random Walk
- Nature of Code : Introduction to Randomness by Daniel Shiffman
Links
- Walking on Real Numbers
- Visualizing Randomness (Anti-Dataviz)
Art
- Claude Shannon's Theseus in in Live Magazine and Popular Science
- Roomba Art Pool on Flickr
- Drawn not Void by Sergio Albiac (2010)