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

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
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
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
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 
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
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
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
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
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
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 

Recently uploaded (20)

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
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
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
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 
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
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
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
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
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
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 

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 }