Visual Narrative Representation: Lunar Eclipse



Storyboard GIF:



Visual Narrative Representation: Lunar Eclipse from Michael Castellucci on Vimeo.

Interactive Objects and Environments 1: Project 2, Products

Stage 1: Chips and Sensors In Class Studies

Sept. 14th

Regulator 3.3v:

Breadboard is half 3.3v on right and half 5v on the left due to the regulator.

Regulator 3.3v, Potentiometer, 100k Resistor and Transistor:

Sept. 21st

Regulator 3.3v, Potentiometer, 100k Resistor, Transistor and Diode:

Diode – Keeps the flow of electricity in one direction.


Force Sensitive Resistor (FSR):

Sept. 28th

Force Sensitive Resistor (FSR):

Use FSR to turn LED light on and off.


Oct. 5th

Reflective Object Sensor QRD1114:

Pin 1. collector

Pin 2. Emitter

Pin 3. Anode

Pin 4. Cathode



Code and Serial Monitor Feedback:


Stage 2: Digital Etch A Sketch Project

Idea: An Etch A Sketch using an Arduino with two encoders and one accelerometer connected to Processing.




Sensors Used:

2X PEC16 Encoders from Digi-Key

PEC16 15_sml


1X MMA8452Q Tripple Axis Accelerometer from Creatron Inc.



Version 1: Failed Attempt


Processing Trial Code Without Arduino:

File 1: originalcodeby_chrisir

Original by Chrisir @

File 2: processing1_mcastellucci

Edited File that includes changes such as screen size, colour and added shift button to reset screen.

Version 2:

Changed encoders to potentiometers. Potentiometers work in Arduino but not Processing. Accelerometer does not work at all.




Version 3:

Potentiometers still work in Arduino but not Processing. Made changes to Accelerometer based on info found here. Still does not work.


Version 4:

Removed Accelerometer and kept potentiometers. Found Etch A Sketch Processing code here.


Arduino Code: finalarduino_mcastellucci

// Credit:
int x;
int y;

void setup()

void loop()
  x = analogRead(A0);
  y = analogRead(A1);

Processing Code: originalcodefinal

// Credit:
// Etch-a-Sketch
// based on a sketch by Trevor Shannon

import processing.serial.*;

Serial port;
String serialInterface = "/dev/tty.usbmodel-blah";
int lastX = -1;
int lastY = -1;

void setup() {
  size(512, 512);
  port = new Serial(this, serialInterface, 9600);  

void handleData(int x, int y) {
  if (lastX >= 0 && lastY >= 0) {
    line(x, y, lastX, lastY);
  lastX = x;
  lastY = y;

void draw() {

void mouseClicked() {

void readSerial() {  
  int x; int y;
  String s;
  while ((s = port.readStringUntil('\n')) != null) {
    String[] parts = s.substring(0, s.length()-2).split(",");
    if (parts.length == 2) {

      x = int(parts[0])/2;
      y = int(parts[1])/2;

      handleData(x, y);


Final Edited Code: originalcodefinal_mcastellucci

// Credit:
// Etch-a-Sketch
// based on a sketch by Trevor Shannon

// Press SHIFT to clear screen

import processing.serial.*;

Serial port;
String serialInterface = "/dev/cu.usbmodem1451";
int lastX = -1;
int lastY = -1;

void setup() {
 // Changed background colour
 size(512, 512);
 port = new Serial(this, serialInterface, 9600); 

void handleData(int x, int y) {
 if (lastX >= 0 && lastY >= 0) {
 line(x, y, lastX, lastY);
 lastX = x;
 lastY = y;

void draw() {

// Added KeyPress

void keyPressed()
 if (keyCode == SHIFT)

void readSerial() { 
 int x; int y;
 String s;
 while ((s = port.readStringUntil('\n')) != null) {
 String[] parts = s.substring(0, s.length()-2).split(",");
 if (parts.length == 2) {

 x = int(parts[0])/2;
 y = int(parts[1])/2;

 handleData(x, y);


Visual Narrative: Project 2 & 3

By: Michael Castellucci and Jordan Morrison

Visual Narrative Project 2


Visual Narrative Documentary: Olivia from Michael C on Vimeo.

Visual Narrative Project 3

Documentation Process of Project 2 Documentary

Story Synopsis

  • Beginning
    • Exposition
      • Introduce Olivia and Carolyn Romkes
      • Family vacation up north
      • Olivia sick during vacation
      • Olivia taken to emerge
      • Doctor preforms tests on Olivia
    • Inciting Incident
      • Olivia is diagnosed with Leukemia
    • Middle
      • Rising Action
        • Olivia’s thoughts on finding out she had cancer
        • Type of cancer
        • Treatment process
        • Olivia talks about her bravery beads
      • Crisis
        • Olivia becomes very sick
        • Olivia’s appendix is enlarged
      • Climax
        • Doctors unable to operate on appendix in fear of rupture and of staples not holding due to chemo.
      • End
        • Falling Action
          • Olivia recovers
          • Appendix ruptures on Christmas day
          • Olivia talks about being cancer free
        • Resolution
          • Carolyn expresses that Olivia is a living miracle

Shot List

  • Long Shot
    • Country Road
  • Close up shots
    • Olivia
    • Carolyn
  • Wide Panoramic Shots
    • House
    • Lake
    • Hospital 1
  • Medium Shot
    • Both Olivia and Carolyn
  • Photo Pan Vertical
    • Fishing
    • Olivia and Doll
    • Olivia Hope and Beads
  • Close Up Shot
    • Flowers
  • Photo Zoom
    • Olivia Face at Lake
    • Wheelchair 1
    • Beads
    • Olli and Olivia
    • Glove Head
    • Hospital Bed
  • Wide Zoom
    • Hospital 2
  • Photo Pan Horizontal
    • Wheelchair 2
  • Extra Shots
    • Forest shots
    • Church shots

Production Schedule

  • Week One
    • Idea: Cancer survivor documentary
    • Ask permission from Olivia and Carolyn
  • Week Two
    • Forest shots before leaves change colour
  • Week Three to Six
    • Plan Questions
    • Book film date: October 26th
  • Week Seven
    • Book out equipment
      • Camera
      • Tripod
      • Lighting Kit
      • Lighting Stands
      • Sand Bags
      • Zoom Microphone
    • Reading Week
      • Film October 26th

Post Production Schedule

  • Week Eight
    • Film Cut 1
  • Week Nine
    • Film Cut 2
    • Film Cut 3
  • Week Ten
    • Final Cut
    • Sound
    • Hand in November 20th

Planned Interview Questions

  1. Please introduce yourselves? Where are you from?
  1. When and how did you first find out Olivia had cancer? How old was she? What type of cancer was it?
  1. Tell us a little bit about what leukemia is.
  1. What are the chances of being diagnosed with this type of cancer?
  1. How high would you say the recovery rate is amongst childhood cancer patients?
  1. What did you do when she was diagnosed? What were your feelings? Did you get a second opinion?
  1. Please explain the treatment process.
  1. What was the emotional climax during Olivia’s treatment?
  1. What were some of the experiences you had that helped through those hard times?
  1. Describe the support you and your family received from family, friends and your community.
  1. How did Olivia’s cancer change your daily lives as a family?
  1. How has your faith helped you through the hard times?
  1. Can you describe the story and meaning behind your beads Olivia?
  1. Olivia, how was your schooling affected by this change?
  1. What has your family taken away and learned from this experience?
  1. Olivia, please describe what your hobbies (sports, 4H etc.). Carolyn what was it like when you got to see Olivia play on the field (soccer) for the first time since recovery?
  1. Describe your experience with make a wish?
  1. Share how you reacted when you first found out Olivia was cancer free? How is Olivia today?
  1. Describe being a spokesperson for childhood cancer.

Visual Narrative: Project 1 – Narrative Analysis of Inception

Narrative Analysis of Inception from Michael C on Vimeo.

Interactive Obj & Environ. 1: Project 1 – Documentation Template


Illustrator File:

3D Design 2: Modeling – Project 3

PDF File – castellucci_3d_p3

Interactive Media: Motion – Final Project

Work Title: Identity of the Flame


Artists: Michael Castellucci & Olivia Webb


Media: Digital – Processing and Kinect

The Candle has many symbolic meaning besides being another source of light seen as a very import symbols in many different cultures from Christianity to Wicca as a source use of prayer for those who have passed or symbolism for a God. Combining two of our assignments we came up with using that symbol as the center of our assignment to make it look as if the light of the candle is following us.

In this piece we are exploring the concept of identity through the embodiment of the human soul. The lit candle represents both the idea of life and death, a journey that all souls must take as a natural life cycle. As the user walks by the installation their likeness (a form of identity) is displayed in a ghostly manor within an array of light surrounding the flame of the candle. As they walk by the array will bend to try and follow them in the direction they are going. For those who stop and view while standing in the middle will become fully encircled in the light. This represents one’s identity through the symbolism of life, death, faith, purity and spirituality as well lost and found understandings of self-identity and purpose as one goes through their journey of life.  One can choose to stop and smell the roses or can let life pass them by as they continue on their busy day.

PDF Artists Statement: artists_statement_m_castellucci_o_webb

Processing Code Files: final_project_mc_ow2

Interactive Media: Motion – Project 3

Michael Castellucci & Olivia Webb

Files: castellucci_webb_project3

3D 2, Project 2 – Intro to Smart Objects: Simple circuits/ Simple interactions

PDF File Here: castellucci_m_firefly

Screen Shot 2015-03-20 at 9.09.06 PM


Digital Art Project 2: Self Through the Lens of Motion

Artist Statement:

This piece evolves the concept of project 1’s idea of self and motion through time and self-ageing with the addition of distortion of one’s memory of the past. Fragments of memories can connect one to their past which can be changed and blurred by the mind. Using six images of myself at different ages from a small infant up to the present, exploded fragments of the images are scattered forward and back across the canvas creating a blurred and distorted image. Sometimes the images are clearer than others showing that memories can be changed, enhanced or be influenced by photographs. Our minds are not always reliable in creating a perfect image of the past, often rewriting memories. We all are connected to our past that has shaped us into the people we are today.

Source Code:



Original Images: