SlideShare a Scribd company logo
1 of 10
Download to read offline
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

Viewers also liked

4thIndustrialRevolution
4thIndustrialRevolution4thIndustrialRevolution
4thIndustrialRevolutionFarid Ghori
 
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION MediaFront
 
digital production and the 4th industrial revolution
digital production and the 4th industrial revolutiondigital production and the 4th industrial revolution
digital production and the 4th industrial revolutionRoberto Siagri
 
Physical Computing in the Real World
Physical Computing in the Real WorldPhysical Computing in the Real World
Physical Computing in the Real WorldHanley Weng
 
과천 디지털 창작집단 첫 모임 - 메이커 운동 자료 20160422
과천 디지털 창작집단 첫 모임 - 메이커 운동 자료 20160422과천 디지털 창작집단 첫 모임 - 메이커 운동 자료 20160422
과천 디지털 창작집단 첫 모임 - 메이커 운동 자료 20160422봉조 김
 
Smau Milano 2016 - Antonio Nicolò Iannaccone
Smau Milano 2016 - Antonio Nicolò IannacconeSmau Milano 2016 - Antonio Nicolò Iannaccone
Smau Milano 2016 - Antonio Nicolò IannacconeSMAU
 
Intro computational design_mega2016_1_with_recommendedplugins
Intro computational design_mega2016_1_with_recommendedpluginsIntro computational design_mega2016_1_with_recommendedplugins
Intro computational design_mega2016_1_with_recommendedpluginsPirouz Nourian
 
Generative Design with Grasshopper®
Generative Design with Grasshopper®Generative Design with Grasshopper®
Generative Design with Grasshopper®Antonio Turiello
 
Grasshopper alternative
Grasshopper alternativeGrasshopper alternative
Grasshopper alternativeladynoid
 
#아두이노 초급연수
#아두이노 초급연수#아두이노 초급연수
#아두이노 초급연수gongdigi24
 
Interaction design methods
Interaction design methodsInteraction design methods
Interaction design methodsTimo Arnall
 
Startup cheatsheet: AARRR (P), Growth hacks, Prototyping, MVP vs MDP, metrics...
Startup cheatsheet: AARRR (P), Growth hacks, Prototyping, MVP vs MDP, metrics...Startup cheatsheet: AARRR (P), Growth hacks, Prototyping, MVP vs MDP, metrics...
Startup cheatsheet: AARRR (P), Growth hacks, Prototyping, MVP vs MDP, metrics...Pol Valls Soler
 
Preparing Students for the 4th Industrial Revolution Implications for Scien...
Preparing Students for the 4th Industrial Revolution   Implications for Scien...Preparing Students for the 4th Industrial Revolution   Implications for Scien...
Preparing Students for the 4th Industrial Revolution Implications for Scien...EduSkills OECD
 
Lesson 1 parametric design 2 final
Lesson 1   parametric design 2 finalLesson 1   parametric design 2 final
Lesson 1 parametric design 2 finalItai Cohen
 
IoT, Fog Computing and the Blockchain
IoT, Fog Computing and the BlockchainIoT, Fog Computing and the Blockchain
IoT, Fog Computing and the Blockchainkumar641
 
학교에선 알려주지 않는 오픈소스이야기 - 박치완님
학교에선 알려주지 않는 오픈소스이야기 - 박치완님학교에선 알려주지 않는 오픈소스이야기 - 박치완님
학교에선 알려주지 않는 오픈소스이야기 - 박치완님NAVER D2
 
The Fourth Industrial Revolution
The Fourth Industrial RevolutionThe Fourth Industrial Revolution
The Fourth Industrial RevolutionLuca Lamera
 

Viewers also liked (20)

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

Recently uploaded

shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一Fi L
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 

Recently uploaded (20)

shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 

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 }