creative coding art/science collaboration example title

45
Artists recommend the following: basic understanding of art history critical theory elements and conventions of media arts programming open mind conceptual art design creative processes not everything is quantifiable Art/Science Collaboration Example title DES 400 Creative Coding Computer Science Creative Coding Daria Tsoupikova – School of Design Arthur Nishimoto- Computer Science

Upload: others

Post on 11-Jun-2022

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Creative Coding

• Daria Tsoupikova – School of Design

• Arthur Nishimoto- Computer Science

Page 2: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Electronic Visualization Laboratory (EVL)Engineering Research Facility (ERF)842 W Taylor St

2068 Continuum3036 EVL 3rd floor lab2036 CAVE2

Creative Coding

Page 3: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Course website, syllabus, schedulehttp://www.evl.uic.edu/datsoupi/2018_des400/

2017 Fall websitehttps://www.evl.uic.edu/datsoupi/491_350/

2017 Spring websitehttp://www.evl.uic.edu/datsoupi/coding/

Creative Coding

Page 4: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Course Goals:- To become familiar with contemporary tools in computational

expression

- To survey topics in computer graphics, VR, visualization, new media design

- To work collaboratively to create meaningful creative coding projects at the intersections of culture and technology

Creative Coding

Page 5: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Class StructureMondays / Wednesdays 9-11.40 am (2068+CAVE2)

Mixed lecture and lab, with an in-class focus on introducing programming and software concepts:

- Informative and thorough, rather than comprehensive- Programming tutorials, collaborative exercises; planning & developing

projects

Creative Coding

Page 6: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Modules

1 – Virtual Reality and 3D environments with Unity – CAVE22 – Visualization with D3 - data visualization via web platform

Creative Coding

Page 7: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Class Structure

- Graduate students and undergraduate students

- Work on individual assignments and teams projects

- Collaboration between GD+ID

Creative Coding

Page 8: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Project based

- projects will have both a technical component and a conceptualcomponent.

- projects should be novel and clearly illustrate a technical and/or conceptual contribution.

- each final project needs to be documented with a website, video, and code.

Creative Coding

Page 9: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Electronic Visualization Laboratory (EVL) – short history

• 1969 Dan Sandin is invited to UIC’s Art Dept.to bring computers to the art curriculum

• 1973 Tom DeFanti comes to UIC with the GRASS system, EVL begins as a short order media house for education and research

Page 10: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Electronic Visualization Laboratory (EVL) – short history

40 years of Art/Science collaboration at UIC

Joint program: CS and Art & Design departments

First program in the US offering MFA that is a formal collaboration of art and computer science 1973-2014

Page 11: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

EVL – The Collaboration

• Artists organize projects, help visualize data, create media• Artists are supported and get the toys to do their own work:

often inspired by science• Scientists get to communicate effectively • EVL makes them look good• EVL delivers visualization technology and techniques to

science

Page 12: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Electronic Visualization Laboratory (EVL)

• Advanced networking research

• Distributed computing/visualization

• Collaborative software

• Advancement of tools and techniques for collaborative work over high-speed, experimental networks

• Development of viable, scalable, deployable stereo displays

• Development of VR hardware, software, tools and techniques

Page 13: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Electronic Visualization Laboratory (EVL)

mid-70s - the Electronic Visualization Eventsa series of live performances in which images were computer generated and color processed in real time with musical accompaniment

EVL helped to produce the CG specialeffects for the first Star Wars film

Page 14: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

CAVE® 1992

Page 15: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

ImmersaDesk® 1995

Page 16: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Paris 1998

Page 17: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

GeoWall -2000

Page 18: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Varrier

Page 19: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

CAVE2 -2012

Page 20: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Particle Dreams in Spherical Harmonics

Page 21: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

3D Brain MRI Data

Page 22: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Mars Surface

Page 23: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Brief History of Virtual Reality – Art and Research

Virtual Reality Environments - Beyond Games

Page 24: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Maurice BenayounWorld Skin: A Photo Safari in the Land of War, 1997

Page 25: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Maurice BenayounWorld Skin: A Photo Safari in the Land of War, 1997

Page 26: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Maurice BenayounWorld Skin: A Photo Safari in the Land of War, 1997

Page 27: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Jeffrey Shaw, The Legible City, 1988-91

Page 28: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Jeffrey Shaw, The Legible City, 1988-91

IntheAmsterdam(1990)andKarlsruhe(1991)versionsallthelettersarescaledsothattheyhavethesameproportionandlocationastheactualbuildingswhichtheyreplace,resultinginatransformedbutexactrepresentationoftheactualarchitecturalappearanceofthesecities.Thetextsforthesetwocitiesarelargelyderivedfromarchivedocumentsthatdescribemundanehistoricaleventsthere.

Page 29: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Myron Krueger, Videoplace, 1972-85

Page 30: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Myron Krueger, Videoplace, 1972-85

Twopeopleindifferentrooms,eachcontainingaprojectionscreenandavideocamera,wereabletocommunicatethroughtheirprojectedimagesina«sharedspace»onthescreen.NocomputerwasinvolvedinthefirstEnvironmentin1975.

Page 31: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SnowWorld by Hunter Hoffman

VirtualRealityPainReduction

Page 32: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Institute for Creative Technologies /Skip Rizzo- Medical VR

Page 33: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

Institute for Creative Technologies /Skip Rizzo- Medical VR

VirtualRealityasaToolforDeliveringPTSDExposureTherapy

Page 34: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Theater

Page 35: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Theater

VirtualRealityasaToolforDeliveringPTSDExposureTherapy

Page 36: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Theater

VirtualRealityasaToolforDeliveringPTSDExposureTherapy

Page 37: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Theater

Page 38: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Theater

Page 39: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Village

https://www.youtube.com/watch?v=QKWgXHM6yMo

Page 40: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Village

FlockBecomeabirdandflockwithyourfeatheredfriendsinuntetheredVRwhilediningoncolorful,procedurallygeneratedinsects.

DavidLobserNewYorkUniversityKenPerlinNewYorkUniversityLilyFangObjectNormalChristopherRomeroManyplace

https://venturebeat.com/2017/07/22/siggraph-2017-will-showcase-the-latest-in-ar-and-vr/

Page 41: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Village

BlortasiaBlortasia combinesartandflyinginvirtualrealitytoengagetheimaginationandinspirewonderthroughshape,color,motion,sound,andspatialpresence.

SnowMackShapeSpaceVRKevinMackShapeSpaceVRRayMackShapeSpaceVRJonathanMackShapeSpaceVR

https://www.youtube.com/watch?v=dAL9GOPjWLE

Page 42: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Village

DigitalPlaygroundz:DemonzI.CURATEDCONTENTDigitalplaygroundz isaninteractiveandaugmented-realitysystemthatdisplayslarge-scaleapplicationsonflatsurfaces(walls)invariousspatiDanielGregorINITI.orgOndřej PruchaINITI.orgJakubRočekINITI.orgJosefKortanINITI.org

Page 43: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Village

DigitalPlaygroundz:DemonzI.CURATEDCONTENTDigitalplaygroundz isaninteractiveandaugmented-realitysystemthatdisplayslarge-scaleapplicationsonflatsurfaces(walls)invariousspatiDanielGregorINITI.orgOndřej PruchaINITI.orgJakubRočekINITI.orgJosefKortanINITI.org

https://www.youtube.com/watch?v=dAL9GOPjWLE

Page 44: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Village

https://www.youtube.com/watch?v=dAL9GOPjWLE

Page 45: Creative Coding Art/Science Collaboration Example title

DES400CreativeCoding

Artists recommend the following:basic understanding of art historycritical theoryelements and conventions of media artsprogrammingopen mindconceptual artdesigncreative processesnot everything is quantifiable

Art/Science Collaboration Example title

ComputerScienceDES400CreativeCoding ComputerScience

SIGGRAPH2017 VR Village

KissorKillKissorKillistheveryfirstroom-scaleVRgameshow.Playerscompeteinaone-versus-onetriviashowdownfilledwithbigchoicesandcrazyshenanigans.Answerfast-pacedtriviabutwatchoutforyouropponentwhocandowhateverittakestowin.

NicholasRobinsonRLTYCHK

Azin MehrnooshRLTYCHK

AndyThaiRLTYCHK