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

昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
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
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
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
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
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
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
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
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 

Recently uploaded (20)

昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
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
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
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
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
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
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.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...
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 

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 }