Dynamic Array of images

GoToLoop

Re: Dynamic Array of images

1 month ago

If "myFolderofFiles" is really a folder, forget loadStrings().
Function loadStrings() is for files, not folders!!!

Take a look @ the thread below to know about loading images from folders:
http://forum.processing.org/topic/listing-last-10-modified-files-in-directory

danieljay

Re: Dynamic Array of images

1 month ago

I Think I may need to elaborate more on what I am trying to do;

My current sketch references a string of characters (preloaded file names) and indexes them into another Objects String. I essentially want to create a string that auto generates new .jpg files in the other array that is compared. Heres a snippet since the code is quite long:

Cover[] covers;
String[] names = {
"00.jpg", "01.jpg", "02.jpg", "04.jpg"
}; //THIS NEEDS TO BE DYNAMIC, REFERENCING A DESKTOP FOLDER.
void setup(){
// Init covers
covers = new Cover[names.length];
for (int i=0; i<covers.length; i++ ) {
covers[i] = new Cover(names[i]);
}
initCovers();
}
}

and here is the cover class:

class Cover {
PVector position;
float rotationY;
int transparency;
PImage img;
Cover( String name ) {
this.position = new PVector(0.0, 0.0, 0.0);
this.rotationY = 0.0;
this.transparency = 255;
// this.img = resizeImage(loadImage(name));
this.img = loadImage(name);
}
// 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 = 600;
newHeight = (int) (600.0/ratio);
}
else { // img is taller than wide
newHeight = 600;
newHeight = (int)(600.0*ratio);
}
println ("width: " + newWidth + "height: " + newHeight + "ratio: " + ratio);
img.resize(800,800);
}
}

GoToLoop

Re: Dynamic Array of images

1 month ago

If you're that lucky to have files ordered from "00.jpg" up to "99.jpg" and such,
you don't need an Array to keep track of their file names. Their order is their own file name!

final static String EXT = ".jpg";
final static int IMGS = 100;
final Cover[] covers = new Cover[IMGS];

void setup() {
  size(800, 600);
  noLoop();
  noTint();
  textureMode(NORMAL);

  for (int i=0; i!=IMGS; covers[i] = new Cover(nf(i++, 2) + EXT));
}

class Cover {
  final PImage img;
  final PVector pos = new PVector();
  float rotY;

  Cover(String name) {
    img = loadImage(name);
  }

  public void drawCover() {
    translate(pos.x, pos.y, pos.z);
    rotateY(rotY);

    beginShape();

    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();

    resetMatrix();
  }
}

danieljay

Re: Dynamic Array of images

1 month ago

Thanks for your help GoToLoop,

I dont think this will solve my particular problem. Essentially an external program will be taking a continuos set of photos to a directory on my desktop. This will be an installation so the the amount of photos could vary greatly. I don't want to cap a limit to the amount of photos loaded into the array, but continuously update the array of photos as they become available done inside the Cover class.

Mushussu

Re: Dynamic Array of images

1 month ago

Hello,

For dynamic array it better to use some ArraList

import java.io.*;
FilenameFilter jpgFilter = new FilenameFilter() {
boolean accept(File dir, String name) {
return name.toLowerCase().endsWith(".jpg");
}
};
ArrayList<Cover> covers;
File folder;
String folderString;
void setup() {
size(800, 600);
covers = new ArrayList<Cover>();
folderString = "/Users/Mushussu/Desktop/data/";
folder = new File(folderString);
}
void draw() {
background(255);
if (lookingForNextImage(covers.size() + 1)) {
covers.add(new Cover(folderString + (covers.size() + 1) + ".jpg"));
}
for (int i = 0; i < covers.size(); i++) {
Cover cover = covers.get(i);
cover.display();
}
}
boolean lookingForNextImage(int number) {
File[] files = folder.listFiles(jpgFilter);
if (files.length == number) {
return true;
}
else {
return false;
}
}
class Cover {
PVector position;
float rotationY;
int transparency;
PImage img;
Cover( String name ) {
position = new PVector(0.0, 0.0, 0.0);
rotationY = 0.0;
transparency = 255;
// this.img = resizeImage(loadImage(name));
println(name);
img = loadImage(name);
}
void display() {
image(img, position.x, position.y);
}
}

GoToLoop

Re: Dynamic Array of images

1 month ago

Essentially an external program will be taking a continuous set of photos to a directory on my desktop.

So, besides an ArrayList of PImage objects, you're gonna need a thread()
to keep checking for new files inside some folder(s) from time to time.

The post I've mentioned is still useful to dig some techniques there.
In particular, the currentFolderSentinel() thread():
http://forum.processing.org/topic/listing-last-10-modified-files-in-directory

My opinion is that the loadImage() shouldn't be in a nested class.
But rather taken care of by the main sketch itself.

Afterwards, the loaded PImage can be passed to the Cover objects.
Either at instantiation or by later changing the stored PImage of the Cover objects.

danieljay

Re: Dynamic Array of images

1 month ago

Thanks guys,

Mushussu, I am having a hard time implementing your code with mine. ill just shoot my entire sketch below:

import controlP5.*;
import processing.opengl.*;
import de.looksgood.ani.*;
import vialab.SMT.*; //touch screen library
import processing.opengl.*;
ControlP5 controlP5;
Button bNext, bPrev;
Cover[] covers;
/*
String[] names = {
"00.jpg", "01.jpg", "02.jpg", "04.jpg"
};
*/
/////////////////////////////////////
java.io.File folder = new java.io.File(dataPath("/Users/me/Documents/Processing/Clients/quin photobooth/Final_PhotoboothAdjustDynamicArray1/data"));
//SAVE FILES AS .PNG FILES
// let's set a filter (which returns true if file's extension is .jpg)
java.io.FilenameFilter jpgFilter = new java.io.FilenameFilter() {
boolean accept(File dir, String name) {
return name.toLowerCase().endsWith(".jpg");
}
};
// list the files in the data folder, passing the filter as parameter
String[] names = folder.list(jpgFilter);
////////////////////////////////////////////////////
States stateBegin = States.BUTTON_SCREEN; //declare state machine
/*coverflow variables*/
PImage imgMask;
PImage imgShadow;
Ani coverAnimation;
float ANI_TIME = 0.5;
int selectedCover = 0;
/* */
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;
KeyboardZone kb;
void setup() {
size(displayWidth, displayHeight, OPENGL);
frameRate(90);
SMT.init(this, TouchSource.MULTIPLE); //TOUCH SCREEN DECLARATION
//selectFolder("Select a folder to process:", "/Users/danieljaybertner/Desktop/meTest");
PImage[] images = new PImage[names.length];
for(int i = 0; i<names.length;i++){
//images[i] = loadImage(filenames[i]);
println(names[i]);
}
/////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();
// Init interface controlP5
controlP5 = new ControlP5(this);
bPrev = controlP5.addButton(" PREVIOUS", -1, 20, displayHeight/2+100, 50, 50); // ((theName, theValue, theX, theY, theW, theH);
bNext = controlP5.addButton("NEXT", 1, displayWidth-100, displayHeight/2+100, 50, 50); //fine tune the x+y values of buttons based on display
controlP5.setAutoDraw(false);
Ani.init(this);
// Init covers
covers = new Cover[names.length];
for (int i=0; i<covers.length; i++ ) {
covers[i] = new Cover(names[i]);
}
initCovers();
}
////////////////////////MAIN LOOP//////////////////////////////
void draw() {
//controlP5.draw();
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) {
imageMode(CENTER);
tint(230, 126);
int newY = yposShare/2+500;
image(shareButton, xposShare, newY);
controlP5.setAutoDraw(true);
MainCoverFlow();
///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 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;
thanks=true;
stateBegin = States.THANKYOU; //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);
// move to the center to have easier coordinates
pushMatrix();
translate(displayWidth / 2, displayHeight/3+100, 500 );
for ( int i=0; i<covers.length; i++ ) {
covers[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(ControlEvent theEvent) {
// buttons
selectedCover += (int) theEvent.controller().value();
// Lock buttons if we are in the first or last cover
if ( selectedCover == names.length ) {
selectedCover --;
bNext.lock();
}
else if ( selectedCover < 0 ) {
selectedCover ++;
bPrev.lock();
}
else {
bNext.unlock();
bPrev.unlock();
}
//Call Animation
moveCovers();
}
////////////////////////////////////////////////////////////
public void initCovers() {
covers[0].position.set(0.0 - 0.0, 0.0, 75.0);
covers[0].rotationY = 0.0;
for (int i=1; i<covers.length; i++ ) {
covers[i].position.set(150.0 + 25.0*i, 0.0, 0.0);
covers[i].rotationY = -QUARTER_PI;
}
}
public void moveCovers() {
// left covers
for (int i=0; i<selectedCover; i++ ) {
Ani.to(covers[i].position, ANI_TIME, "x", -150.0 - 25.0*(selectedCover-i), Ani.CIRC_OUT);
Ani.to(covers[i].position, ANI_TIME, "y", 0.0, Ani.CIRC_OUT);
Ani.to(covers[i].position, ANI_TIME, "z", 0.0, Ani.CIRC_OUT);
Ani.to(covers[i], ANI_TIME, "rotationY", QUARTER_PI, Ani.CIRC_OUT);
}
// central cover
coverAnimation = Ani.to(covers[selectedCover].position, 0.5, "x", 0.0, Ani.CIRC_OUT);
Ani.to(covers[selectedCover].position, ANI_TIME, "y", 0.0, Ani.CIRC_OUT);
Ani.to(covers[selectedCover].position, ANI_TIME, "z", 100.0, Ani.CIRC_OUT);
Ani.to(covers[selectedCover], ANI_TIME, "rotationY", 0.0, Ani.CIRC_OUT);
// right covers
for (int i=selectedCover + 1; i<covers.length; i++ ) {
Ani.to(covers[i].position, ANI_TIME, "x", 150.0 + 25.0*(i-selectedCover), Ani.CIRC_OUT);
Ani.to(covers[i].position, ANI_TIME, "y", 0.0, Ani.CIRC_OUT);
Ani.to(covers[i].position, ANI_TIME, "z", 0.0, Ani.CIRC_OUT);
Ani.to(covers[i], ANI_TIME, "rotationY", -QUARTER_PI, Ani.CIRC_OUT);
}
}

Replies(7)

Re: Dynamic Array of images

Re: Dynamic Array of images

Re: Dynamic Array of images

Re: Dynamic Array of images

Re: Dynamic Array of images

Re: Dynamic Array of images

Re: Dynamic Array of images

Statistics

Tags

Actions

Related Posts