giAnimation Library not accepting String from dynamic Array

danieljay

giAnimation Library not accepting String from dynamic Array

in Contributed Library Questions • 1 month ago

Greetings all! I am trying to pass a String of .gif images with 4+ frames to play into Processing.

I begun using the gifAnimation Library and everything went fine.

My sketch requires a Array to reference a dynamic folder in my sketch. It is currently working fine with .jpgs, but when I switch the array to reference over to find/play .gifs while incorporating the gif library, I receive the error,

The constructor (MYsketchName.Cover, String) is undefined.

code below (highlighted changed/added parts):

/**

Quick Cover Flow in Processing

by Adrià Navarro http://adrianavarro.net

USING: 3D (openGL), events (controlp5) and animation (ani)

TODO: image resize, background image loading

*/

import controlP5.*;

import processing.opengl.*;

import de.looksgood.ani.*;

import java.io.*;

import java.util.Arrays;

import java.util.Comparator;

import gifAnimation.*;

ControlP5 controlP5;

Button bNext, bPrev;

Slider slider;

//image path where all images are stored

String path = "../images/";

//create Arraylist of covers

ArrayList<Cover> covers;

PImage imgMask;

PImage imgShadow;

Ani coverAnimation;

float ANI_TIME = 0.5;

int selectedCover = 0;

/* -------------- INIT -------------- */

void setup() {

size(800, 400, OPENGL);

smooth();

noStroke();

//read filepath

File folder = new File(dataPath(path));



//filters jpgs

File[] initialfiles = folder.listFiles(jpgFilter);

//sorts files by modification date

Comparator<File> byModificationDate = new ModificationDateCompare();

Arrays.sort(initialfiles, byModificationDate);



imgMask = loadImage("mask.png");

imgShadow = loadImage("shadow.png");

// Init interface controlP5

controlP5 = new ControlP5(this);

bPrev = controlP5.addButton("Prev",-1, 20, 360, 80, 20); // ((theName, theValue, theX, theY, theW, theH);

bNext = controlP5.addButton("Next", 1, width-100, 360, 80, 20);

//slider = controlP5.addSlider("slider", 0, 200, selectedCover, 120, 360, width - 240, 20); // (theName, theMin, theMax, theDefaultValue, theX, theY, theW, theH);

//slider.setLabelVisible(false);

//controlP5.setAutoDraw(false);

// Init Ani

Ani.init(this);



// Init covers

covers = new ArrayList<Cover>();

//Add covers to from initialfiles

for (int i=0; i<initialfiles.length; i++ ) {

covers.add(new Cover(initialfiles[i].getAbsolutePath()));

}

//println(covers);

initCovers();

}

/* -------------- DRAW LOOP -------------- */

void draw() {

background(0);

hint(ENABLE_DEPTH_TEST);

boolean newimage = checkForImage(covers.size());

if (newimage) {

newimage = false;

}



// move to the center to have easier coordinates

pushMatrix();

translate(width / 2, 200 );

for( int i=0; i<covers.size(); i++ ) {

covers.get(i).drawCover();

}

popMatrix();

// disable depth test to draw control interface on top of everything

hint(DISABLE_DEPTH_TEST);

image(imgShadow, 0.0, 0.0);

//controlP5.draw(); //needed if we draw with p3d

}

/* -------------- EVENT MANAGEMENT -------------- */

public void controlEvent(ControlEvent theEvent) {

// Check where the event comes from

if (theEvent.controller().name() == "slider" ) { // slider

selectedCover = round(theEvent.controller().value());

}

else { // buttons

selectedCover += (int) theEvent.controller().value();

//slider.setValue(selectedCover);

}

//println(names);

// Lock buttons if we are in the first or last cover

if ( selectedCover == covers.size() ) {

selectedCover --;

bNext.lock();

}

else if ( selectedCover < 0 ) {

selectedCover ++;

bPrev.lock();

}

else {

bNext.unlock();

bPrev.unlock();

}

//Call Animation

moveCovers();

}

/* -------------- ANIMATION TWEENS -------------- */

public void initCovers() {

covers.get(0).position.set(0.0 - 0.0, 0.0, 75.0);

covers.get(0).rotationY = 0.0;

for (int i=1; i<covers.size(); i++ ) {

covers.get(i).position.set(150.0 + 25.0*i, 0.0, 0.0);

covers.get(i).rotationY = -QUARTER_PI;

}

}

public void moveCovers() {

// left covers

for (int i=0; i<selectedCover; i++ ) {

Ani.to(covers.get(i).position, ANI_TIME, "x", -150.0 - 25.0*(selectedCover-i), Ani.CIRC_OUT);

Ani.to(covers.get(i).position, ANI_TIME, "y", 0.0, Ani.CIRC_OUT);

Ani.to(covers.get(i).position, ANI_TIME, "z", 0.0, Ani.CIRC_OUT);

Ani.to(covers.get(i), ANI_TIME, "rotationY", QUARTER_PI, Ani.CIRC_OUT);

}

// central cover

coverAnimation = Ani.to(covers.get(selectedCover).position, 0.5, "x", 0.0, Ani.CIRC_OUT);

Ani.to(covers.get(selectedCover).position, ANI_TIME, "y", 0.0, Ani.CIRC_OUT);

Ani.to(covers.get(selectedCover).position, ANI_TIME, "z", 75.0, Ani.CIRC_OUT);

Ani.to(covers.get(selectedCover), ANI_TIME, "rotationY", 0.0, Ani.CIRC_OUT);

// right covers

for (int i=selectedCover + 1; i<covers.size(); i++ ) {

Ani.to(covers.get(i).position, ANI_TIME, "x", 150.0 + 25.0*(i-selectedCover), Ani.CIRC_OUT);

Ani.to(covers.get(i).position, ANI_TIME, "y", 0.0, Ani.CIRC_OUT);

Ani.to(covers.get(i).position, ANI_TIME, "z", 0.0, Ani.CIRC_OUT);

Ani.to(covers.get(i), ANI_TIME, "rotationY", -QUARTER_PI, Ani.CIRC_OUT);

}

}

boolean checkForImage(int number) {

File folder = new File(dataPath(path));

File[] files = folder.listFiles(jpgFilter);

//sorts files by modification date

Comparator<File> byModificationDate = new ModificationDateCompare();

Arrays.sort(files, byModificationDate);

if (files.length > number) {

for (int i=number; i<files.length; i++ ) {

covers.add(new Cover(files[i].getAbsolutePath()));

}

return true;

}

else {

return false;

}

}

class ModificationDateCompare implements Comparator<File> {

public int compare(File f1, File f2) {

return Long.valueOf(f1.lastModified()).compareTo(f2.lastModified());

}

}

FilenameFilter jpgFilter = new FilenameFilter() {

boolean accept(File dir, String name) {

return name.toLowerCase().endsWith(".gif");

}

};

and the Cover Class:

/**

Quick Cover Flow in Processing

by Adrià Navarro http://adrianavarro.net

USING: 3D (openGL), events (controlp5) and animation (ani)

TODO: image resize, background image loading

*/

class Cover {

PVector position;

float rotationY;

int transparency;

//PImage img;

Gif img;

Cover( String name ) {

this.position = new PVector(0.0, 0.0, 0.0);

this.rotationY = 0.0;

this.transparency = 255;

// this.img = loadImage(name); /* original working line */

img = new Gif(this, name);

img.loop();

img.play();

}

public void drawCover() {

pushMatrix();

translate(position.x, position.y, position.z);

rotateY(rotationY);

// Main quad

noTint();

beginShape();

textureMode(NORMAL);

texture(img);

vertex(-100, -100, 0, 0, 0);

vertex(100, -100, 0, 1, 0);

vertex(100, 100, 0, 1, 1);

vertex(-100, 100, 0, 0, 1);

endShape();

// Reflection

tint(50);

beginShape();

textureMode(NORMAL);

texture(img);

vertex(-100, 100, 0, 0, 1);

vertex(100, 100, 0, 1, 1);

vertex(100, 300, 0, 1, 0);

vertex(-100, 300, 0, 0, 0);

endShape();

noTint();

popMatrix();

}

// Function to call if images are not square

// Not being used at the moment, might need some tweaking

public void resizeImage(PImage img) {

float ratio = 0.0;

int newWidth = 0;

int newHeight = 0;

ratio = (float)img.width / (float)img.height;

if( ratio > 1 ) { // img is wider than tall

newWidth = 255;

newHeight = (int) (255.0/ratio);

}

else { // img is taller than wide

newHeight = 255;

newHeight = (int)(255.0*ratio);

}

println ("width: " + newWidth + "height: " + newHeight + "ratio: " + ratio);

img.resize(newWidth,newHeight);

}

}

Replies(6)

GoToLoop

Re: giAnimation Library not accepting String from dynamic Array

1 month ago

I haven't use much 3rd-party libraries in Processing.
But I've noticed most of them needs a PApplet reference to work.

Inside your Cover class, you attempt to pass a this + a String parameters to instantiate a Gif class.
However, that this keyword always refer to an object belonging to a class in which this is scoped inside.

In your case, this refers to a Cover instantiated object.
Problem is, Gif class wants a PApplet reference, not a Cover one!!!

To fix that, your Cover class have to receive a PApplet reference from the sketch itself.
Easiest way is by adding that as a parameter to your Cover's constructor.

danieljay

Re: giAnimation Library not accepting String from dynamic Array

1 month ago

Thanks for the suggestion! I understand now and also found a useful link illustrating PApplet references:

http://wiki.processing.org/w/Why_I_can%27t_create_a_class_of_a_library_from_my_own_classes%3F

The error cleared up from the initial Cover class by formatting like so:

lass Cover {
PVector position;
float rotationY;
int transparency;
Gif img;
Cover(PApplet myApplet, String name ) {
this.position = new PVector(0.0, 0.0, 0.0);
this.rotationY = 0.0;
this.transparency = 255;
// this.img = resizeImage(loadImage(name));
img = new Gif(myApplet, name);
img.loop();
img.play();
}

I am however having a similar error for the line below, specifically for the line thats highlighted.

Ani.init(this);
// Init covers
covers = new ArrayList< Cover>();
//Add covers to from initialfiles
for (int i=0; i<initialfiles.length; i++ ) {
covers.add(new Cover(initialfiles[i].getAbsolutePath()));
}
//println(covers);
initCovers();

GoToLoop

Re: giAnimation Library not accepting String from dynamic Array

1 month ago

Now that you've changed the parameters for the Cover's constructor to ( PApplet + String),
you also gotta modify it anywhere that class is instantiated!
It's not just 1 String argument anymore!

danieljay

Re: giAnimation Library not accepting String from dynamic Array

1 month ago

I had, in this particular line of code, I thought it would look like the following:

covers.add(new Cover(myApplet, initialfiles[i].getAbsolutePath()));

But I still receive the error.

GoToLoop

Re: giAnimation Library not accepting String from dynamic Array

1 month ago

The variable myApplet is a local parameter of the nested class Cover's constructor.
It's not present within the main sketch's scope. Actually, nowhere else!

Your Cover's constructor is set this way now:
Cover(PApplet myApplet, String name) {}

So, in order to instantiate class Cover, you're gonna need 2 arguments:

a PApplet value
a String value

Well, the String value part is pretty easy. Now to acquire a PApplet reference it's also easy.

Remember that I've said that the keyword this refers to the class that it's scoped inside?
Well, function checkForImage() belongs to the "sketch".
So when this is used there, it refers to the sketch's object.
And since the sketch is itself a PApplet too,
its reference is valid for anything that demands a PApplet reference!

Try out that code line this way now and see whether it instantiates a Cover class:
covers.add(new Cover(this, files[i].getAbsolutePath()));

danieljay

Re: Re: giAnimation Library not accepting String from dynamic Array

1 month ago

Thanks for the extremely detailed explaination ! This is new territory for me. Wondering if you have any suggested readings (assuming Java books

) ?

I had fixed up the sketch without reference errors, but I am receiving a NullPointerException. code below:

//Multitouch SMT reference: http://vialab.science.uoit.ca/SMT/reference.html
//gif library http://www.extrapixel.ch/processing/gifAnimation/
//https://forum.processing.org/topic/how-to-load-the-latest-image-from-a-directory-in-a-running-program
String textValue = "";
import controlP5.*;
import processing.opengl.*;
import de.looksgood.ani.*;
import vialab.SMT.*; //touch screen library
import java.io.*;
import java.util.Arrays;
import java.util.Comparator;
import gifAnimation.*;
Gif loopingGif;
boolean pause = false;
ControlP5 controlP5;
Button bNext, bPrev;
String path = "../images/";
ArrayList<Cover> covers;
PImage imgMask;
PImage imgShadow;
Ani coverAnimation;
float ANI_TIME = 0.5;
int selectedCover = 0;
States stateBegin = States.BUTTON_SCREEN; //declare state machine
/*coverflow variables*/
PImage mailButton;
/* */
final static int DIM = 20, DELAY = 1000;
int nextTimer, counter;
/////START BUTTON VARIABLES/////////////
PImage snapButton; //start button
///////////////////////////////
PImage shareButton;
int xposShare;
int yposShare;
////keyboard variables////
boolean keys=true;
char theKeys;
String myText = "";
PFont font;
PFont typeBox;
PFont thankyou;
///////////////////////////
boolean switcher = true;
boolean startKeyboard = true;
boolean thanks = false;
boolean emailCheck = false;
KeyboardZone kb;
void setup() {
size(displayWidth, displayHeight, OPENGL);
frameRate(90);
SMT.init(this, TouchSource.MULTIPLE); //TOUCH SCREEN DECLARATION
mailButton = loadImage("mail.png");
mailButton.resize(200, 150);
//read filepath
/////keyboard//////////////////////////////////
typeBox = createFont("Georgia", 32);
textFont(typeBox);
textAlign(CENTER, CENTER);
font = createFont("FranklinGothic-Medium", 40);
textFont(font);
kb = new KeyboardZone("Keyboard", 0, displayHeight/3, displayWidth, displayHeight/2, keys, 10, 255, 255, 160, 0, font); //adjust properties to screen. refer to reference of SMT library
////////////////////////////////////////
////////thanks screen //////////////////
thankyou = createFont("FranklinGothic-Medium", 80);
textFont(thankyou);
textAlign(CENTER, CENTER);
////////////////////////////////////
xposShare = displayWidth/2;
yposShare = displayHeight/2;
snapButton = loadImage("startbutton.png"); //START BUTTON
shareButton = loadImage("share.jpg");
smooth();
noStroke();
File folder = new File( dataPath(path));
//filters jpgs
File[] initialfiles = folder.listFiles(jpgFilter);
//sorts files by modification date
Comparator<File> byModificationDate = new ModificationDateCompare();
Arrays.sort(initialfiles, byModificationDate);
Ani.init(this);
// Init covers
covers = new ArrayList< Cover>();
//Add covers to from initialfiles
for (int i=0; i<initialfiles.length; i++ ) {
covers.add(new Cover(this,initialfiles[i].getAbsolutePath()));
}
//println(covers);
initCovers();
// Init interface controlP5
controlP5 = new ControlP5(this);
PFont p = createFont("FranklinGothic-Medium", 50);
controlP5.setControlFont(p);
controlP5.setColorForeground(#ff6760);
controlP5.setColorBackground(0xff660000);
controlP5.setColorLabel(0xffdddddd);
//controlP5.setColorValue(0);
controlP5.setColorActive(0xffff0000);
PImage[] P5imgs = {
loadImage("arrowPrevious.png"), loadImage("arrowNext.png")
};
bPrev = controlP5.addButton("PREV", -1, 50, displayHeight/2+ 300, 125, 60) // ((theName, theValue, theX, theY, theW, theH);
;
bNext = controlP5.addButton("NEXT", 1, displayWidth-140, displayHeight/2+300, 120, 60); //fine tune the x+y values of buttons based on display
controlP5.setAutoDraw(false);
}
////////////////////////MAIN LOOP//////////////////////////////
void draw() {
//controlP5.draw();
image(loopingGif, 10, height / 2 - loopingGif.height / 2);
//image(nonLoopingGif, width/2 - nonLoopingGif.width/2, height / 2 - nonLoopingGif.height / 2);
//image(animation[(int) (animation.length / (float) (width) * mouseX)], width - 10 - animation[0].width, height / 2 - animation[0].height / 2);
loopingGif.play();
background(255);
boolean firstLoop = true;
switch( stateBegin) {
case BUTTON_SCREEN :
imageMode(CENTER);
image(snapButton, displayWidth/2, displayHeight/2);
if (firstLoop==true) {
if (mouseX > displayWidth/2-snapButton.width && mouseX < displayWidth/2+snapButton.width && //test to see if mouse over button
mouseY > displayHeight/2-snapButton.height && mouseY < displayHeight/2+snapButton.height && mousePressed==true ) {
println("BUTTON PRESS");
switcher=false;
firstLoop=false;
stateBegin = States.COVERFLOW; //BEGIN SECOND STATE MACHINE
break;
}
}
case COVERFLOW:
if (switcher==false) {
MainCoverFlow();
imageMode(CENTER);
tint(230, 126);
int newY = yposShare/2+650;
controlP5.setAutoDraw(true);
image(shareButton, xposShare, newY);
///condition if share button pressed
if (mouseX > xposShare-shareButton.width && mouseX < xposShare+shareButton.width && //test to see if mouse over button
mouseY > newY-shareButton.height && mouseY < newY+shareButton.height && mousePressed==true ) {
println("start keyboard");
startKeyboard=false;
controlP5.setAutoDraw(false);
switcher=true;
stateBegin = States.KEYBOARD;
break;
}
}
// }
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
case KEYBOARD:
if (startKeyboard==false) {
SMT.add(kb);
stroke(4);
fill(255);
rect(displayWidth/3-200, displayHeight/5, 1000, 90);
stroke(4);
fill(255);
fill(0);
text(myText, displayWidth/3-200, displayHeight/5, 1000, 70 );
//text(myText, 60, 100, 500, 70 );
}
case EMAIL:
if (emailCheck==true) {
stroke(4);
fill(255);
rect(displayWidth/3-200, displayHeight/5, 1000, 90);
stroke(4);
fill(255);
fill(0);
text(myText, displayWidth/3-200, displayHeight/5, 1000, 70 );
image(mailButton, displayWidth/2, displayHeight/2+300);
if (mouseX > displayWidth/2-mailButton.width && mouseX < displayWidth/2+mailButton.width && //test to see if mouse over button
mouseY > displayHeight/2+300-mailButton.height && mouseY < displayHeight/2+300+mailButton.height && mousePressed==true ) {
thanks=true;
emailCheck=false;
stateBegin = States.THANKYOU; //BEGIN SECOND STATE MACHINE
break;
}
}
case THANKYOU:
if (thanks==true) {
text("THANK YOU!", displayWidth/2, displayHeight/2);
println("THATS ALL FOLKS");
if (millis() < nextTimer) return;
nextTimer = millis() + DELAY;
print(++counter + " - ");
}
if (counter==5) {
thanks=false;
myText= "";
counter=0;
stateBegin = States.BUTTON_SCREEN; //BEGIN SECOND STATE MACHINE
break;
}
}
}
void keyTyped() {
theKeys = key;
print(theKeys);
myText = myText + theKeys;
while (key==ENTER) {
println("PRESSED ENTER");
SMT.remove(kb);
startKeyboard=true;
emailCheck=true;
stateBegin = States.EMAIL; //BEGIN SECOND STATE MACHINE
break;
}
if (key==BACKSPACE) {
if (myText.length() > 0) {
myText = myText.substring(0, myText.length()-1);
myText= "";
}
}
}
///////////////////////////////////////////////////////
void MainCoverFlow() {
// background(255);
// hint(ENABLE_DEPTH_TEST);
boolean newimage = checkForImage(this, covers.size());
if (newimage) {
newimage = false;
}
// move to the center to have easier coordinates
pushMatrix();
translate(displayWidth / 2, displayHeight/3+140, 610);
for ( int i=0; i<covers.size(); i++ ) {
covers.get(i).drawCover();
}
popMatrix();
// disable depth test to draw control interface on top of everything
// hint(DISABLE_DEPTH_TEST);
///image(imgShadow, 0.0, 0.0);
//controlP5.draw(); //needed if we draw with p3d
}
////////////////////////////////////////////////////////
public void controlEvent(PApplet myApplet, ControlEvent theEvent) {
// buttons
selectedCover += (int) theEvent.controller().value();
// Lock buttons if we are in the first or last cover
if ( selectedCover == covers.size() ) {
selectedCover --;
bNext.lock();
}
else if ( selectedCover < 0 ) {
selectedCover ++;
bPrev.lock();
}
else {
bNext.unlock();
bPrev.unlock();
}
//Call Animation
moveCovers();
}
////////////////////////////////////////////////////////////
public void initCovers() {
covers.get(0).position.set(0.0 - 0.0, 0.0, 75.0);
covers.get(0).rotationY = 0.0;
for (int i=1; i<covers.size(); i++ ) {
covers.get(i).position.set(150.0 + 25.0*i, 0.0, 0.0);
covers.get(i).rotationY = -QUARTER_PI;
}
}
public void moveCovers() {
for (int i=0; i<selectedCover; i++ ) {
Ani.to(covers.get(i).position, ANI_TIME, "x", -150.0 - 25.0*(selectedCover-i), Ani.CIRC_OUT);
Ani.to(covers.get(i).position, ANI_TIME, "y", 0.0, Ani.CIRC_OUT);
Ani.to(covers.get(i).position, ANI_TIME, "z", 0.0, Ani.CIRC_OUT);
Ani.to(covers.get(i), ANI_TIME, "rotationY", QUARTER_PI, Ani.CIRC_OUT);
}
// central cover
coverAnimation = Ani.to(covers.get(selectedCover).position, 0.5, "x", 0.0, Ani.CIRC_OUT);
Ani.to(covers.get(selectedCover).position, ANI_TIME, "y", 0.0, Ani.CIRC_OUT);
Ani.to(covers.get(selectedCover).position, ANI_TIME, "z", 75.0, Ani.CIRC_OUT);
Ani.to(covers.get(selectedCover), ANI_TIME, "rotationY", 0.0, Ani.CIRC_OUT);
// right covers
for (int i=selectedCover + 1; i<covers.size(); i++ ) {
Ani.to(covers.get(i).position, ANI_TIME, "x", 150.0 + 25.0*(i-selectedCover), Ani.CIRC_OUT);
Ani.to(covers.get(i).position, ANI_TIME, "y", 0.0, Ani.CIRC_OUT);
Ani.to(covers.get(i).position, ANI_TIME, "z", 0.0, Ani.CIRC_OUT);
Ani.to(covers.get(i), ANI_TIME, "rotationY", -QUARTER_PI, Ani.CIRC_OUT);
}
}
boolean checkForImage(PApplet myApplet, int number) {
File folder = new File(dataPath(path));
File[] files = folder.listFiles(jpgFilter);
//sorts files by modification date
Comparator<File> byModificationDate = new ModificationDateCompare();
Arrays.sort(files, byModificationDate);
if (files.length > number) {
for (int i=number; i<files.length; i++ ) {
covers.add(new Cover(myApplet, files[i].getAbsolutePath()));
}
return true;
}
else {
return false;
}
}
class ModificationDateCompare implements Comparator<File> {
public int compare(File f1, File f2) {
return Long.valueOf(f1.lastModified()).compareTo(f2.lastModified());
}
}
FilenameFilter jpgFilter = new FilenameFilter() {
boolean accept(File dir, String name) {
return name.toLowerCase().endsWith(".gif");
}
};

Top Reply