import fullscreen.*; //Imports the Fullscreen library

import processing.serial.*;

 Serial myPort;  // The serial port

 FullScreen fs; //Creates an object called fs from the FullScreen class

 int numFrames = 1091; //Total number of frames including the 0 

 int frame = 0;//Declares frame number

 int val; // Data received from the serial port

 PImage[] images;//Creates and object called images from PImage class

 int width = 1280;

 int height = 720;

 

 void setup() 

 {

   images = new PImage[numFrames];//Assignes and array to the images object that will hold 48 images 

   size(width, height);

   frameRate(24);

   

   for ( int i = 0; i<numFrames; i++ )//A loop increments from 0 to 47

   {

     images[i] = loadImage("FriendlyFire_"+ i + ".jpg");//Assignes and exaxt name to each member of the array

   }

   //Note that this loop is an setup which means it will run only once when the program starts.

   fs = new FullScreen(this); //Declares the fs object as new fullscreen

   fs.setResolution(1280, 720);

   fs.enter(); //runs the fullscreen

   

   String portName = Serial.list()[0];

   myPort = new Serial(this, Serial.list()[0], 9600);

 } 

  

 void draw() 

 { 

   background(0);

   frame = ((frame+1) % numFrames);//Frame number increments until 48

   image(images[frame], 0, 0, width, height); //Displays the image

   if ( myPort.available() > 0) {  // If data is available,

    val = myPort.read();         // read it and store it in val

    }

   frame = val;

 }