35
CREATIVE CODING Mike Knowlton - @storycodeorg Hal Siegel - @murmurco

StoryCode DIY Days Presentation - Creative Coding

Embed Size (px)

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”.

Citation preview

Page 1: StoryCode DIY Days Presentation - Creative Coding

CREATIVE CODINGMike Knowlton - @storycodeorg

Hal Siegel - @murmurco

Page 2: StoryCode DIY Days Presentation - Creative Coding
Page 3: StoryCode DIY Days Presentation - Creative Coding
Page 4: StoryCode DIY Days Presentation - Creative Coding

IMMERSIVE STORYTELLING

TIPPING POINT

Page 5: StoryCode DIY Days Presentation - Creative Coding
Page 6: StoryCode DIY Days Presentation - Creative Coding
Page 7: StoryCode DIY Days Presentation - Creative Coding
Page 8: StoryCode DIY Days Presentation - Creative Coding
Page 9: StoryCode DIY Days Presentation - Creative Coding
Page 10: StoryCode DIY Days Presentation - Creative Coding

GOOGLE EARTH + HTML5

Page 11: StoryCode DIY Days Presentation - Creative Coding

FLASH + WEBCAM

Page 12: StoryCode DIY Days Presentation - Creative Coding

FACEBOOK API

Page 13: StoryCode DIY Days Presentation - Creative Coding

OBJECTIVE C + GEO-LOCATION

Page 14: StoryCode DIY Days Presentation - Creative Coding

HTML5 + D3

Page 15: StoryCode DIY Days Presentation - Creative Coding

CODE ORBE CODED

Page 16: StoryCode DIY Days Presentation - Creative Coding

STORY AS SOFTWARE

Page 17: StoryCode DIY Days Presentation - Creative Coding
Page 18: StoryCode DIY Days Presentation - Creative Coding

PROCESS MASHUP

Page 19: StoryCode DIY Days Presentation - Creative Coding

IMMERSIVE MEDIA CREATION PROCESS

Concept

Script

Information Architecture

Wireframes

Storyboards

Tech Spec

Design

Development

Page 20: StoryCode DIY Days Presentation - Creative Coding

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

IT’S COMPLICATED

Page 22: StoryCode DIY Days Presentation - Creative Coding

Find Collaborators

Hire Experts

Use Existing Tools &

Platforms

Hackathons

Prototypes

Minimal Viable

Product

GETTING STARTED

Page 23: StoryCode DIY Days Presentation - Creative Coding
Page 24: StoryCode DIY Days Presentation - Creative Coding

PATTERNS

Page 25: StoryCode DIY Days Presentation - Creative Coding

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

DEEP DIVE

Page 27: StoryCode DIY Days Presentation - Creative Coding

NON-LINEAR

THE AATSINKI SEASON

Page 28: StoryCode DIY Days Presentation - Creative Coding
Page 29: StoryCode DIY Days Presentation - Creative Coding

DESIGN WITH

WHAT YOU REALLY WANT

Page 30: StoryCode DIY Days Presentation - Creative Coding
Page 31: StoryCode DIY Days Presentation - Creative Coding

EXERCISE

Page 32: StoryCode DIY Days Presentation - Creative Coding
Page 33: StoryCode DIY Days Presentation - Creative Coding

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

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

Page 35: StoryCode DIY Days Presentation - Creative Coding

STORYCODE.ORG@STORYCODEORG