Storyboard: Difference between revisions

From Dear (Cross) Maker,
Jump to navigation Jump to search
mNo edit summary
Line 25: Line 25:
|| <code>Source voltage</code> (power supply) cannot be higher than 15v
|| <code>Source voltage</code> (power supply) cannot be higher than 15v
|-
|-
|| Cannot draw more than <code>15 milliamps (mA)</code> () from the chip
|| Cannot draw more than 15 <code>milliamps (mA)</code> () from the chip
|}
|}
(source: https://circuitdigest.com/article/555-timer-ic)
(source: https://circuitdigest.com/article/555-timer-ic)

Revision as of 14:58, 7 February 2023

Notes

  • current graphics are for prototyping purposes and will be refined along the way

Characters

Caption text
Character Description Characteristics World Sidenotes
Character-card-1.jpg
The main character who you will meet in real life (via the DIY kit) or in the browser (via the interactive fiction).
Physical
8 pins (legs)
Package (housing): Dual In-Line Package (DIP) (there are two parallel rows of electrical pins attached to the bottom of a black rectangle.)
Electrical
Source voltage (power supply) cannot be higher than 15v
Cannot draw more than 15 milliamps (mA) () from the chip

(source: https://circuitdigest.com/article/555-timer-ic)

TBD
  • For electronics-specific terms/jargons that appear throughout the publication = apply syntax highlighting to visually indicate that the term is specific to a discipline/world (example: "pin").
  • Next to the term always have a relatable, non-technical term/reference in parentheses (example: "legs").
  • Include glossary with definitions in the end
Example Example Example
Example Example Example

Storyboard

v1.0
No Frame Text in frame Notes
1
Frame-1.jpg
  • interactive fiction begins––title page/loading screen
  • animations: (1) title (2) loading progress bar (3) thesis description (letter by letter: python time/sleep function)
2
Frame-2.jpg
title page: loading continues
3
Frame-3.jpg
Supisara Burapachaisri

[title]
Thesis submitted to: the Department of Experimental Publishing, Piet Zwart Institute, Willem de Kooning Academy, in partial fulfillment of the requirements for the final examination for the degree of : Master of Arts in Fine Art & Design: Experimental Publishing.
Adviser: Marloes de Valk
Second Reader: [name]
Word count: [#]

title page: loading complete
4
Frame-4.jpg
Example interactive fiction directory (index)
5
Frame-5.jpg
It is [dd/mm/yyyy] at hh:mm:ss. splash screen: studio
6
Frame-6.jpg
Initializing... splash screen loading
7
Frame-7.jpg
To get started, type in the following shortcut: ⌘ N

>

splash screen loading complete, transitions into the welcome page
8
Frame-8.jpg
To continue, type in the shortcuts indicated on the screen:

>

9
Frame-9.jpg
But what are you really designing? You stare blankly at the screen.
10
Frame-10.jpg
You watch your hands perform choreographies that vary as you navigate across the Adobe ecosystem. If you stop to think about each movement (shortcut), you forget the keyboard combinations. So the key is: don’t think, or you'll temporarily lose the muscle memory connection (time is of the essence).
11
Frame-11.jpg
But there are moments when you begin to dissociate. You begin to question what is actually really happening underneath those shortcuts.
12
Frame-12.jpg
You start to reflect on your ‘toolkit’ as a graphic designer...
13
Frame-13.jpg
...only to find a keyboard shortcut cheat sheet, a keyboard, a mouse.

Pending frames

No. Frame Text in frame Notes
1
Frame-test-1.jpg
You found a zine. [moment to leave the screen to interact with zine irl]
2
Frame-test-2.jpg
You found a digital multimeter. [multimeter debugging scene]
  • record beeping audio
  • add audio
  • js: drag (+) and (-) to specific positions on page to activate sound
3
Frame-test-3.jpg
electronic components version of CC
4
Frame-test-4.jpg
PCB directory of interactive fiction
5
Frame-test-5.jpg
what if Adobe Illustrator is a printed circuit board?