SlideShare a Scribd company logo
Introduction to Generative Art
OpenLab.Taipei
www.openlabtaipei.org
Akinori Kinoshita
art.akinoshi@gmail.com
Date: 2013.08.09
Definition
Art that in whole or part has been created with the use of
an autonomous system.
Autonomous system = non-human & independent
● Music
● Fine Art
● Software Art
● Architecture
● Literature
● Live coding
[1] en.wikipedia.org/wiki/Generative_art
Useful Links
Generative Art - Annual International Conference
http://www.generativeart.com/
Generative Art Links - Mikael Hvidtfeldt
http://blog.hvidtfeldts.net/index.php/generative-art-links/
Gallery of Computation - Jared Tarbell
http://complexification.net/gallery/
AbondandedArt - zenbullets
http://abandonedart.org/
Softwares (free/open source)
[General Purpose]
Processing - http://processing.org/
vvvv - http://vvvv.org/
PureData - puredata.info
[Specific Systems]
Context Free Art - http://www.contextfreeart.org/
Structure Synth - http://structuresynth.sourceforge.net/
[Live and Interactive Coding]
SuperCollider - http://supercollider.sourceforge.net/
Fluxus - http://www.pawfal.org/fluxus/
2D vs. 3D
2D Variables: pixel, vector
3D Variables: vertex, edge, face, material, lighting
2D: learning curve is easy, output = layer, print, laser cut
3D: learning curve is hard, output = 3D printer, architecture
Get Your Hands Dirty
Algorithm Ink - Aza Raskin
http://azarask.in/projects/algorithm-ink/#0656fbe7
Context Free Art
http://www.contextfreeart.org/
Context Free Grammar
Shape Rules Primitive Shapes
Shape Adjustments
startshape foo
shape foo
{
SQUARE [ ]
}
SQUARE [ ]
CIRCLE [ ]
TRIANGLE [ ]
startshape foo
shape foo
{
SQUARE [ ]
SQUARE [ x 1 y 1 r 15 ] // translate along the x-axis by 1
// translate along the y-axis by 1
// rotate 15 degrees
}
Context Free Grammar
Shape Adjustments
startshape foo
shape foo
{
SQUARE [ s 2 ]
SQUARE [ s 2 0.5 b 0.5 ]
SQUARE [ skew 45 15 b 1 ]
}
startshape foo
shape foo
{
SQUARE [ h 0 sat 1 b 1 ]
SQUARE [ x 1 h 120 sat 1 b 1 ]
SQUARE [ x 2 h 240 sat 1 b 1 ]
}
Being Creative
Recursive
startshape foo
shape foo
{
SQUARE [ ]
foo [ s 0.9 b 0.1 ]
}
startshape foo
shape foo
{
SQUARE [ ]
foo [ s 0.9 b 0.1 r 25 ]
}
startshape foo
shape foo
{
SQUARE [ ]
foo [ s 0.995 b 0.008 r 1 ]
}
shape foo
{
SQUARE [ ]
foo [ s 0.999 b 0.0008 r 1 ]
}
Being Creative
Tweak Variables
startshape main
shape main
{
loop 100 [ ] foo [ ]
}
shape foo
{
SQUARE [ ]
foo [ s 0.999 b 0.0008 r 1 flip (0..15) x 1 ]
// Try changing x to be either 1 or 0.1
}

More Related Content

PDF
DCSWA Road safety week 2015
PDF
Live coding
PPT
Financial Supply Chain Management
PDF
Fan-Out and Embedded Die: Technologies & Market Trends 2015 Report by Yole De...
PDF
Brand Workshop Outline
PDF
How to TEDx [Presentation Design Tips] - #TED #TEDX
PPTX
학교장리더십(피지컬컴퓨팅)
PDF
4thIndustrialRevolution
DCSWA Road safety week 2015
Live coding
Financial Supply Chain Management
Fan-Out and Embedded Die: Technologies & Market Trends 2015 Report by Yole De...
Brand Workshop Outline
How to TEDx [Presentation Design Tips] - #TED #TEDX
학교장리더십(피지컬컴퓨팅)
4thIndustrialRevolution

Viewers also liked (19)

PDF
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
PDF
digital production and the 4th industrial revolution
PDF
Physical Computing in the Real World
PDF
과천 디지털 창작집단 첫 모임 - 메이커 운동 자료 20160422
PDF
Smau Milano 2016 - Antonio Nicolò Iannaccone
PDF
Intro computational design_mega2016_1_with_recommendedplugins
PPT
Generative Design with Grasshopper®
PPT
Grasshopper alternative
PPTX
#아두이노 초급연수
PDF
Thesis Digital Fabrication - SPIF
PDF
Interaction design methods
PPTX
Startup cheatsheet: AARRR (P), Growth hacks, Prototyping, MVP vs MDP, metrics...
PDF
Incremental sheet forming
PPTX
Preparing Students for the 4th Industrial Revolution Implications for Scien...
PDF
Lesson 1 parametric design 2 final
PPTX
IoT, Fog Computing and the Blockchain
PDF
학교에선 알려주지 않는 오픈소스이야기 - 박치완님
PPTX
Parametric Design
PDF
The Fourth Industrial Revolution
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
digital production and the 4th industrial revolution
Physical Computing in the Real World
과천 디지털 창작집단 첫 모임 - 메이커 운동 자료 20160422
Smau Milano 2016 - Antonio Nicolò Iannaccone
Intro computational design_mega2016_1_with_recommendedplugins
Generative Design with Grasshopper®
Grasshopper alternative
#아두이노 초급연수
Thesis Digital Fabrication - SPIF
Interaction design methods
Startup cheatsheet: AARRR (P), Growth hacks, Prototyping, MVP vs MDP, metrics...
Incremental sheet forming
Preparing Students for the 4th Industrial Revolution Implications for Scien...
Lesson 1 parametric design 2 final
IoT, Fog Computing and the Blockchain
학교에선 알려주지 않는 오픈소스이야기 - 박치완님
Parametric Design
The Fourth Industrial Revolution
Ad

Recently uploaded (20)

PPTX
6- Architecture design complete (1).pptx
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PDF
Urban Design Final Project-Site Analysis
PDF
SEVA- Fashion designing-Presentation.pdf
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PDF
Interior Structure and Construction A1 NGYANQI
PDF
The Advantages of Working With a Design-Build Studio
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPT
Machine printing techniques and plangi dyeing
DOCX
The story of the first moon landing.docx
PPTX
joggers park landscape assignment bandra
PDF
Urban Design Final Project-Context
DOCX
actividad 20% informatica microsoft project
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
Entrepreneur intro, origin, process, method
6- Architecture design complete (1).pptx
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Urban Design Final Project-Site Analysis
SEVA- Fashion designing-Presentation.pdf
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
Interior Structure and Construction A1 NGYANQI
The Advantages of Working With a Design-Build Studio
Tenders & Contracts Works _ Services Afzal.pptx
Machine printing techniques and plangi dyeing
The story of the first moon landing.docx
joggers park landscape assignment bandra
Urban Design Final Project-Context
actividad 20% informatica microsoft project
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
DOC-20250430-WA0014._20250714_235747_0000.pptx
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
YOW2022-BNE-MinimalViableArchitecture.pdf
Entrepreneur intro, origin, process, method
Ad

Introduction to generative art

  • 1. Introduction to Generative Art OpenLab.Taipei www.openlabtaipei.org Akinori Kinoshita art.akinoshi@gmail.com Date: 2013.08.09
  • 2. Definition Art that in whole or part has been created with the use of an autonomous system. Autonomous system = non-human & independent ● Music ● Fine Art ● Software Art ● Architecture ● Literature ● Live coding [1] en.wikipedia.org/wiki/Generative_art
  • 3. Useful Links Generative Art - Annual International Conference http://www.generativeart.com/ Generative Art Links - Mikael Hvidtfeldt http://blog.hvidtfeldts.net/index.php/generative-art-links/ Gallery of Computation - Jared Tarbell http://complexification.net/gallery/ AbondandedArt - zenbullets http://abandonedart.org/
  • 4. Softwares (free/open source) [General Purpose] Processing - http://processing.org/ vvvv - http://vvvv.org/ PureData - puredata.info [Specific Systems] Context Free Art - http://www.contextfreeart.org/ Structure Synth - http://structuresynth.sourceforge.net/ [Live and Interactive Coding] SuperCollider - http://supercollider.sourceforge.net/ Fluxus - http://www.pawfal.org/fluxus/
  • 5. 2D vs. 3D 2D Variables: pixel, vector 3D Variables: vertex, edge, face, material, lighting 2D: learning curve is easy, output = layer, print, laser cut 3D: learning curve is hard, output = 3D printer, architecture
  • 6. Get Your Hands Dirty Algorithm Ink - Aza Raskin http://azarask.in/projects/algorithm-ink/#0656fbe7 Context Free Art http://www.contextfreeart.org/
  • 7. Context Free Grammar Shape Rules Primitive Shapes Shape Adjustments startshape foo shape foo { SQUARE [ ] } SQUARE [ ] CIRCLE [ ] TRIANGLE [ ] startshape foo shape foo { SQUARE [ ] SQUARE [ x 1 y 1 r 15 ] // translate along the x-axis by 1 // translate along the y-axis by 1 // rotate 15 degrees }
  • 8. Context Free Grammar Shape Adjustments startshape foo shape foo { SQUARE [ s 2 ] SQUARE [ s 2 0.5 b 0.5 ] SQUARE [ skew 45 15 b 1 ] } startshape foo shape foo { SQUARE [ h 0 sat 1 b 1 ] SQUARE [ x 1 h 120 sat 1 b 1 ] SQUARE [ x 2 h 240 sat 1 b 1 ] }
  • 9. Being Creative Recursive startshape foo shape foo { SQUARE [ ] foo [ s 0.9 b 0.1 ] } startshape foo shape foo { SQUARE [ ] foo [ s 0.9 b 0.1 r 25 ] } startshape foo shape foo { SQUARE [ ] foo [ s 0.995 b 0.008 r 1 ] } shape foo { SQUARE [ ] foo [ s 0.999 b 0.0008 r 1 ] }
  • 10. Being Creative Tweak Variables startshape main shape main { loop 100 [ ] foo [ ] } shape foo { SQUARE [ ] foo [ s 0.999 b 0.0008 r 1 flip (0..15) x 1 ] // Try changing x to be either 1 or 0.1 }