des 400 creative coding art/science collaboration example

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 DES 400 Creative Coding Daria Tsoupikova – School of Design Peter Hanula - Computer Science

Upload: others

Post on 01-Jun-2022

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: DES 400 Creative Coding Art/Science Collaboration Example

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

DES 400 Creative Coding

• Daria Tsoupikova – School of Design

• Peter Hanula - Computer Science

Page 2: DES 400 Creative Coding Art/Science Collaboration Example

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

3036 EVL 3rd floor lab2036 CAVE2

Creative Coding

Page 3: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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 StructureWednesdays 1-6.40 pm (3036+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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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 Computer Science and Design

Creative Coding

Page 8: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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: DES 400 Creative Coding Art/Science Collaboration Example

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