several slideshows

Programming Questions

mpod23

Answered

Need more info
Answered
Working on it

in Programming Questions • 2 years ago

hi there,

i am trying to do the following:

i want to have three slideshows (with the same pcitures) on one stage.

on keypress (or mousepress) the first one starts. on the next keypress it stops at the current picture and triggers the next one to begin. next keypress this one pauses, third one begins.

so in the end i have three pictures. i would export that as jpg and start again.

i tried to come up with something using the "Slide_show_with_one_PImage" technique, but it doesnt really work.
the second and the third slideshow do not work:

PImage img;
String[] files;
int timer;
int nextimg;

PImage img2;
String[] files2;
int timer2;
int nextimg2;

PImage img3;
String[] files3;
int timer3;
int nextimg3;

int a=1;

void setup() {
size(1754,1240);

files=new String[3]; //some example images.
files[0]="medium.jpg";
files[1]="small.jpg";
files[2]="big.jpg";

nextimg=(nextimg+1)%files.length;
img=loadImage(files[nextimg]);
timer=0;

//next slideshow

files2=new String[3]; //some example images.
files2[0]="medium.jpg";
files2[1]="small.jpg";
files2[2]="big.jpg";

nextimg2=(nextimg2+1)%files2.length;
img2=loadImage(files2[nextimg2]);
timer2=0;

//next slideshow

    files3=new String[3]; //some example images.
files3[0]="medium.jpg";
files3[1]="small.jpg";
files3[2]="big.jpg";

nextimg3=(nextimg3+1)%files3.length;
img3=loadImage(files3[nextimg3]);
timer3=0;

}

void draw() {

if(a==1){

if(timer==0)
{
    background(255);
    image(img,30,30);
}
else if(timer==1)
{
    img=loadImage(files[nextimg]);
    nextimg=(nextimg+1)%files.length;
    delay(50); //this decides how long an image should be displayed
}
timer=(timer+1)%2;
}
if(a==2){

    if(timer2==0)
{
    background(255);
    image(img2,500,500);
}
else if(timer2==1)
{
    img=loadImage(files2[nextimg2]);
    nextimg2=(nextimg2+1)%files2.length;
    delay(50); //this decides how long an image should be displayed
}
timer2=(timer2+1)%2;
}

if(a==3){

    if(timer3==0)
{
    background(255);
    image(img3,1000,500);
}
else if(timer3==1)
{
    img=loadImage(files3[nextimg3]);
    nextimg3=(nextimg3+1)%files2.length;
    delay(50); //this decides how long an image should be displayed
}
timer3=(timer3+1)%2;
}

}

void mousePressed() {
if(a<3){
    a=a+1;
    }
    else {
    a=1;
    }
}

i think its not a good piece of code at all, and propably the wrong start, but i'm still pretty new to processing...

thank you very much in advance!

mpod
.

Replies(11)

tfguy44

Re: several slideshows

2 years ago

Here's how I'd do it. You will need to edit it so that it sets up lists of files that you want to view, has the call to size() you want, and displays the images where you want them. The control logic/flow could be made a little simpler if you wanted to muck about with arrays of arrays of Strings and other arrays, but for only three slideshows, it's not worth it.

int delayTime = 5000;
int state;
int lastTime;
String[] files1;
String[] files2;
String[] files3;
int on1, on2, on3;
PImage screen1, screen2, screen3;
void setup(){
size(600,200);
state = 0;
files1 = loadString( "<someFile1>" );
files1 = loadString( "<someFile2>" );
files1 = loadString( "<someFile3>" );
on1 = 0;
on2 = 0;
on3 = 0;
updateScreen(1);
updateScreen(2);
updateScreen(3);
}
void draw(){
if( millis() - lastTime > delayTime ){
switch(state){
case 0: // All slideshows stopped.
break;
case 1: // Screen one is cycling.
on1 = ( on1 + 1 ) % files1.length;
updateScreen(1);
lastTime = millis();
break;
case 2: // Screen two is cycling.
on2 = ( on2 + 1 ) % files2.length;
updateScreen(2);
lastTime = millis();
break;
case 3: // Screen three is cycling.
on3 = ( on3 + 1 ) % files3.length;
updateScreen(3);
lastTime = millis();
break;
}
}
// Oh, and display the images here.
image( screen1, ETC... );
image( screen2, ETC... );
image( screen3, ETC... );
}
void mousePressed(){
state = ( state + 1 ) % 4 ;
lastTime = millis();
}
void updateScreen( int whichScreen ){
switch( whichScreen ){
case 1:
screen1 = loadImage( files1[on1] );
break;
case 2:
screen2 = loadImage( files2[on2] );
break;
case 3:
screen3 = loadImage( files3[on3] );
break;
}
}

This code is untested! I didn't even try to run it. Use it at your own risk!

mpod23

Re: several slideshows

2 years ago

thank you very very much for that!

i edited it for me, but it keeps giving me a "NullPointerException"

this is highlighted:

screen1 = loadImage( files2[on2] );

and it says:

Could not find a method to load ?????ExifMM*bj(1r2??i???`'?`'Adobe Photoshop CS5 Macintosh2011:07:20 00:25:59????,?,&(.

Exception in thread "Animation Thread" java.lang.NullPointerException

at sketch_jul20a.updateScreen(sketch_jul20a.java:85)

at sketch_jul20a.setup(sketch_jul20a.java:42)

at processing.core.PApplet.handleDraw(PApplet.java:1608)

at processing.core.PApplet.run(PApplet.java:1530)

at java.lang.Thread.run(Thread.java:680)

why is it loading photoshop? i cannot come up with a solution for that...

tfguy44

Re: several slideshows

2 years ago

As I said, you'll need to edit it a bit more to get it to work!

Specifically: " You will need to edit it so that it sets up lists of files that you want to view"

This means that you'll have to make lists of the file names of the images you want to use, and store them in the arrays files1, files2, and files3 somehow... or just put the list of image files to use in a text file, one per line, and replace <someFile1>, <someFile2>, and <someFile3> so that they point to those text files. This is to replace your blocks of code that look like this:

files2=new String[3]; //some example images.
files2[0]="medium.jpg";
files2[1]="small.jpg";
files2[2]="big.jpg";

It probably isn't trying to run photoshop. It's probably trying to find a file name where none exists, and then is reading jumbled garbage that is in that memory location instead.

ALSO: Notice the changes in updateScreen()! The assignment statements are not all supposed to be for screen1!

mpod23

Re: several slideshows

2 years ago

i'm really sorry, i cant really understand what you mean.

my code looks like the following now:

int delayTime = 5000;
int state;
int lastTime;
String[] files1;
String[] files2;
String[] files3;
int on1, on2, on3;
PImage screen1, screen2, screen3;
void setup(){
size(600,200);
state = 0;
files1 = loadStrings("small.jpg");
files1 = loadStrings("medi.jpg");
files1 = loadStrings("big.jpg");
on1 = 0;
on2 = 0;
on3 = 0;
updateScreen(1);
updateScreen(2);
updateScreen(3);
}
void draw(){
if( millis() - lastTime > delayTime ){
switch(state){
case 0: // All slideshows stopped.
break;
case 1: // Screen one is cycling.
on1 = ( on1 + 1 ) % files1.length;
updateScreen(1);
lastTime = millis();
break;
case 2: // Screen two is cycling.
on2 = ( on2 + 1 ) % files2.length;
updateScreen(2);
lastTime = millis();
break;
case 3: // Screen three is cycling.
on3 = ( on3 + 1 ) % files3.length;
updateScreen(3);
lastTime = millis();
break;
}
}
// Oh, and display the images here.
image( screen1,10,10);
image( screen2,10,100);
image( screen3,10,400);
}
void mousePressed(){
state = ( state + 1 ) % 4 ;
lastTime = millis();
}
void updateScreen( int whichScreen ){
switch( whichScreen ){
case 1:
screen1 = loadImage( files1[on1] );
break;
case 2:
screen1 = loadImage( files2[on2] );
break;
case 3:
screen1 = loadImage( files3[on3] );
break;
}
}

so "<someFile1>" has to be replaced with the name of the textfile, that contains the filenames of the images?

the pictures are the same in every slideshow...

thank you so much!

quarks

Re: several slideshows

2 years ago

so "<someFile1>" has to be replaced with the name of the textfile, that contains the filenames of the images? the pictures are the same in every slideshow...

Yes so then lines 17-19 should be

files1 = loadStrings("imagelist.txt");
files2= loadStrings("imagelist.txt");
files3 = loadStrings("imagelist.txt");

where imgaelist.txt is a simple text file with a list of image filenames.

Also line 67 should refer to screen2 and line 70 refer to screen3

mpod23

Re: several slideshows

2 years ago

great! it works! thank you!

but how can i adjust the time, the pictures are displayed?

now they stay there for like some seconds, but i want to have more like 5-10 pics/second...

i cant find it...

PhiLho

Re: several slideshows

2 years ago

int delayTime = 5000;
This is a number of milliseconds between updates. Reduce it to go faster. But since you load each image on the fly, it might not go as fast as you wish. 5-10 pictures per second? That's not a slideshow, that's a movie!

mpod23

Re: several slideshows

2 years ago

oops.

i just did not see that...

thank you!

it works great now.

but i see the first image of the slideshow before i click.

is it possible, that its just white?

so before the first click everything is white (except an image i load in draw)

after a click the slideshow starts, but the other ones are still white.

another click the next one stars, the third one is still white

third click: last one starts.

fourth click: last one pauses, too.

after that i want to export a pdf with the current screen and then everything is back to before the first click...

should i put that in the mousepress event?

i'm really sorry, i am annyoing you all that much...

and another thing i wonder: if i load images that are pretty large and i scale them down, do they have the original size in an exported pdf?

thank you,

mpod

p.s.: here is my current code:

import processing.pdf.*;
int delayTime = 100;
int state;
int lastTime;
String[] files1;
String[] files2;
String[] files3;
int on1, on2, on3;
PImage screen1, screen2, screen3, img;
void setup(){
size(1100,778);
img=loadImage("U1U4.jpg");
state = 0;
files1 = loadStrings("imagelist.txt");
files2 = loadStrings("imagelist.txt");
files3 = loadStrings("imagelist.txt");
on1 = 0;
on2 = 0;
on3 = 0;
updateScreen(1);
updateScreen(2);
updateScreen(3);
}
void draw(){
image(img,550,389,550,389);
if( millis() - lastTime > delayTime ){
switch(state){
case 0: // All slideshows stopped.
break;
case 1: // Screen one is cycling.
on1 = ( on1 + 1 ) % files1.length;
updateScreen(1);
lastTime = millis();
break;
case 2: // Screen two is cycling.
on2 = ( on2 + 1 ) % files2.length;
updateScreen(2);
lastTime = millis();
break;
case 3: // Screen three is cycling.
on3 = ( on3 + 1 ) % files3.length;
updateScreen(3);
lastTime = millis();
break;
}
}
// Oh, and display the images here.
image( screen1,0,0,550,389);
image( screen2,550,0,550,389);
image( screen3,0,389,550,389);
}
void mousePressed(){
state = ( state + 1 ) % 4 ;
lastTime = millis();
}
void updateScreen( int whichScreen ){
switch( whichScreen ){
case 1:
screen1 = loadImage( files1[on1] );
break;
case 2:
screen2 = loadImage( files2[on2] );
break;
case 3:
screen3 = loadImage( files3[on3] );
break;
}
}

mpod23

Re: several slideshows

2 years ago

so i tried to come up with somethng, but it does not work really great.

the moment when the pdf is written, is not where i want it to be. there should be a pdf every thime all slideshows are paused.

this is my code:

import processing.pdf.*;

int delayTime = 200;
int state;
int lastTime;
int counter;

String[] files1;
String[] files2;
String[] files3;

int on1, on2, on3;

PImage screen1, screen2, screen3, img, white;

void setup(){
size(621,842);
img=loadImage("U1U4.jpg");
white=loadImage("white.jpg");
state = 0;
counter=0;
files1 = loadStrings("imagelist.txt");
files2 = loadStrings("imagelist.txt");
files3 = loadStrings("imagelist.txt");
on1 = 0;
on2 = 0;
on3 = 0;
updateScreen(1);
updateScreen(2);
updateScreen(3);
}

void draw(){
image(img,300,0,311,421);

if( millis() - lastTime > delayTime ){
    switch(state){
     case 0:
             // All slideshows stopped.
     break;
    case 1: // Screen one is cycling.
      on1 = ( on1 + 1 ) % files1.length;
      updateScreen(1);
      lastTime = millis();
      break;
    case 2: // Screen two is cycling.
      on2 = ( on2 + 1 ) % files2.length;
      updateScreen(2);
      lastTime = millis();
      break;
    case 3: // Screen three is cycling.
      on3 = ( on3 + 1 ) % files3.length;
      updateScreen(3);
      lastTime = millis();
      break;
    }
}
// Oh, and display the images here.
image( screen1,0,0,311,421);
image( screen2,0,421,311,421);
image( screen3,300,421,311,421);
}

void mousePressed(){
if(counter==4){
beginRecord(PDF, "/Users/username/Desktop/Gestaltung/nina automat osf 2011/slideshows/sketch_jul20a/pdf/einblatt####.pdf");
counter=0;
}
    state = ( state + 1 ) % 4 ;
lastTime = millis();
counter=counter+1;
// save("einblatt.jpg");
}

void mouseReleased(){
endRecord();
}

void updateScreen( int whichScreen ){
switch( whichScreen ){
case 1:
    screen1 = loadImage( files1[on1] );
    break;
case 2:
    screen2 = loadImage( files2[on2] );
    break;
case 3:
    screen3 = loadImage( files3[on3] );
    break;
}
}

i watch the pdf-folder with the following script, so it will be printed automatically.

on adding folder items to this_folder after receiving these_items
    try
        tell application "Finder"
            repeat with i from 1 to number of items in these_items
                try
                    set this_item to item i of these_items
                    set the path_string to this_item as string
                    set the final_path to POSIX path of the path_string
                    do shell script "/usr/bin/lp'" & final_path & "'"
                on error error_message
                    tell application "Finder"
                        display dialog "Error for item " & (this_item as string) ¬
                            & ": " & error_message buttons {"Continue", "Cancel"} ¬
                            default button 1 giving up after 120
                    end tell
                end try
            end repeat
        end tell
    on error error_message
        tell application "Finder"
            display dialog error_message buttons {"Cancel"} ¬
                default button 1 giving up after 120
        end tell
    end try
end adding folder items to

anyone has an idea to improve this?

mirko
.

mpod23

Re: several slideshows

2 years ago

has anyone an idea about how to export the pdf correctly?

the pdf should be written to the folder, after all the slideshows are pause, so three images are "selected"...

thank you...

PhiLho

Re: several slideshows

2 years ago

Look at the Single Frame from an Animation (With Screen Display) example from the PDF record page.
Also you don't need to put a full path.

Top Reply