Week 8: storyboards

Dr Charles Martin

Semester 2, 2020


Assignment 3: due Tuesday 2021-10-05 9pm AEDT.

If you need an extension, please ask before the due date.

next week’s pre-lab entry is a storyboard for your major project (more details on the lab page)

In the week 9 lab you will discuss this storyboard/plan and work on developing your vision for the major project.

inspiration and iteration

In this course we have looked at…

software engineering for artists.

artistic process for software engineers.

Goal: create a compelling and sophisticated interactive artwork

with high assurance of success!

Where does inspiration come from?

René Magritte

Les Merveilles de la nature (1953)



iteration is building upon ideas through trial and error

this is an immensely valuable process when you’re stuck with your ideas

René Magritte

Les Chants de Maldoror (1948)


René Magritte

Words and Images


inspiration is for amateurs

Chuck Close

Inspiration is for amateurs. The rest of us just show up and get to work. If you wait around for the clouds to part and a bolt of lightening to strike you in the brain, you are not going to make an awful lot of work. All the best ideas come out of the process; they come out of the work itself. - Chuck Close

Kent (1967-8)

John Cage

In Zen they say: If something is boring after two minutes, try it for four. If still boring, try it for eight, sixteen, thirty-two, and so on. Eventually one discovers that it’s not boring at all but very interesting.

–John Cage, 1961 (Silence)


what’s the right way to make art?

let’s look at some examples from other creative fields

graphic design

the sketch

VFS Digital Design


web design

the "wireframe"

film making

the "storyboard"




the animatic

what do all these processes have in common?

“sketching with code”

Casey Reas, one of the creators of Processing (the inspiration for p5) recently wrote an article describing the aims of the project

One idea was the synthesis of graphic design with computer science, combining the visual principles of design with ways of thinking about systems from computer science. We also wanted to share a way of working with code where things are figured out during the process of writing the software. We called this sketching with code. - Casey Reas, A Modern Prometheus

a code art process

the reason for Processing (and therefore p5) was to open coding to the quick sketch processes from art and design

instead of taking days to create a polished progam, these tools allow coders to rapidly try many things and versions

some examples

Natalia Stuyk

Zach Lieberman

Manolo Gamboa Naon

Helena Sarin

Espen Kluge

if p5 is like sketching, why draw?

just like artists/designers use pencil and paper as well as photoshop, coders can still benefit from thinking through ideas on paper

your sketches can be a combination of these (animations, interactive interfaces, artworks, designs, etc.)

this is why your week 9 pre-lab submission is a “storyboard” for your major project

User Experience Design

We are making “storyboards”, but that isn’t because your MP is supposed to be a “story”.

Viewers of your artworks will be having an experience, your job is to design this experience.

The storyboard could be seen as “the story of a viewer experiencing my artwork”—what does the viewer see and do?

In computing, this process is called “user experience design” (UXD)


your major project storyboard will be like a regular story board but will include notes about user interaction

storyboarding an interactive artwork means there could be more than one “path” through the experience


Rosenfeld Media

ST035: Figure 15.6



Rosenfeld Media

ST034: Figure 15.5


it’s not a test of your drawing skills

tips for the storyboard pre-lab

  1. keep it simple (don’t agonise over the drawing)
  2. keeping it “high-level” is ok, just the main scenes & transitions
  3. it’s a starting point for the discussion with your tutor: just do something

further reading/watching

watch the Artist Talks: short (~20mins) interviews with digital artists about their process

Storyboarding in UX Design


How can we create scenes in p5?