storycode diy days presentation - creative coding
DESCRIPTION
Take a deep-dive into Creative Code with Mike Knowlton and Hal Siegel from StoryCode. As storytelling becomes more influenced by software development practices we all need to think, write, and design like creative technologists. Learn how this impacts the process of creating immersive media projects. This workshop will explore new technologies, trends and projects using code creatively. We will explore off-the-shelf technologies as well as creative coding toolkits. We will also review examples of projects created with these new technologies and share successes and failures with each approach. In addition to learning about new tools, expect to walk away with a new methodology for creating stories that are conceived and executed in the new model of “story as software”.TRANSCRIPT
![Page 1: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/1.jpg)
CREATIVE CODINGMike Knowlton - @storycodeorg
Hal Siegel - @murmurco
![Page 2: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/2.jpg)
![Page 3: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/3.jpg)
![Page 4: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/4.jpg)
IMMERSIVE STORYTELLING
TIPPING POINT
![Page 5: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/5.jpg)
![Page 6: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/6.jpg)
![Page 7: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/7.jpg)
![Page 8: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/8.jpg)
![Page 9: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/9.jpg)
![Page 10: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/10.jpg)
GOOGLE EARTH + HTML5
![Page 11: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/11.jpg)
FLASH + WEBCAM
![Page 12: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/12.jpg)
FACEBOOK API
![Page 13: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/13.jpg)
OBJECTIVE C + GEO-LOCATION
![Page 14: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/14.jpg)
HTML5 + D3
![Page 15: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/15.jpg)
CODE ORBE CODED
![Page 16: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/16.jpg)
STORY AS SOFTWARE
![Page 17: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/17.jpg)
![Page 18: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/18.jpg)
PROCESS MASHUP
![Page 19: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/19.jpg)
IMMERSIVE MEDIA CREATION PROCESS
Concept
Script
Information Architecture
Wireframes
Storyboards
Tech Spec
Design
Development
![Page 20: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/20.jpg)
IMMERSIVE MEDIA CREATION PROCESS
Concept -> Director
Script -> Writer
Information Architecture -> UX Designer
Wireframes -> Designer
Storyboards -> Interaction Designer
Tech Spec -> Software Architect
Design -> Interaction Designer
Development -> Software Architect
![Page 21: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/21.jpg)
IT’S COMPLICATED
![Page 22: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/22.jpg)
Find Collaborators
Hire Experts
Use Existing Tools &
Platforms
Hackathons
Prototypes
Minimal Viable
Product
GETTING STARTED
![Page 23: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/23.jpg)
![Page 24: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/24.jpg)
PATTERNS
![Page 25: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/25.jpg)
Crowd Sourced
Life in a DayPsych Slumber Party
Non-Linear
CYOACoke & Audi Ads
Real Time Conversations
YouTube Stars
Personalized
Take this LollipopWilderness Downtown
Design With
Johnny Cash ProjectOccupy Conan
Star Wars Uncut
![Page 26: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/26.jpg)
DEEP DIVE
![Page 27: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/27.jpg)
NON-LINEAR
THE AATSINKI SEASON
![Page 28: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/28.jpg)
![Page 29: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/29.jpg)
DESIGN WITH
WHAT YOU REALLY WANT
![Page 30: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/30.jpg)
![Page 31: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/31.jpg)
EXERCISE
![Page 32: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/32.jpg)
![Page 33: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/33.jpg)
EXERCISE
Premise: The population demographics of the United States are changing. It is predicted that in the next 20 years, white descendants of European immigrants will no longer be the majority in this country. This year, the subject of immigration will take center stage as a bipartisan push to tackle immigration reform ensues.
Idea:Most people in the U.S. have an immigrant journey to share -- be it their own or the voyage of a relative in the past.
Goal: Create an experience that helps people share their own immigration story, and enables them to see the common threads between the stories of potential immigrants, new immigrants and longtime residents.
![Page 34: StoryCode DIY Days Presentation - Creative Coding](https://reader033.vdocument.in/reader033/viewer/2022051611/54b556564a7959925d8b45d0/html5/thumbnails/34.jpg)
EXERCISE
Goal: Create an experience that helps people share their own immigration story, and enables them to see the common threads between the stories of potential immigrants, new immigrants and longtime residents.
Crowd Sourced
Non-Linear
Real Time Conversations
Personalized
Design With