Little program for displaying randomly Pic and Gif

Contributed Library Questions

romeedela..

Little program for displaying randomly Pic and Gif

in Contributed Library Questions • 1 year ago

Hi all!

I try to code a program which display successively thousands of pics and hundreds of Gif.

I cant' declare them all so a float load one randomly while the previous one is displaying.

The part with the pics only worked just fine.

I tried to add the same program for diplaying Gif too (randomly choosing between a Gif and a Pic) and it just doesn't work

The Gifs are displaying fine (successively and randomly) but one pic (and always the same each time I launch the program) is displaying too, while the gifs are running.

So two questions here.

Why it's always the same Pic and the float isn't working?

How do I stop the Pic display function while the Gif is looping.

Here is my code.

/**
BBGif
Correction: romée by basile
*/
PImage img;
String[] files;
int timer;
float Pic ;
int PicFragNumber;
int xPic = 1191;
int speed;
import gifAnimation.*;
PImage[] animation;
float Gifanime;
int GifFragNumber;
int xGif = 74;
int n;
int framesPlayed = 0;
int picorgif;
int boopicorgif;
void setup() {
size(1300,760);
//Pic loading
float Pic = random(1,xPic);// a est une valeur au hasard comprise entre les deux valeurs données (n'apelle pas tes images "0001" mais "1");
int PicFragNumber = int (Pic);//fragNumber est l'arrondi de a (10,55 --> 11)
img = loadImage("Pic_" + PicFragNumber +".jpg");
//Gif loading
float Gifanime = random(1,xGif);// a est une valeur au hasard comprise entre les deux valeurs données (n'apelle pas tes images "0001" mais "1");
int GifFragNumber = int (Gifanime);//GifFragNumber est l'arrondi de a (10,55 --> 11)
animation = Gif.getPImages(this, "Gif_" + GifFragNumber + ".gif");
frameRate(12);
timer=0;
speed=150;
}
void draw() {
//The random program for choosing between a Gif and a Pic
//An average of 1 Gif for 10 Pics
float picorgif = random (1, 10);
int pog = int (picorgif);
println (pog);
if (pog == 1)
{
boopicorgif = 0;
}
else
{
boopicorgif = 1;
}
//Loading and Displaying a Pic
if (boopicorgif == 0) {
if(timer==0)
{
background(255);
smooth();
if (img.width>screen.width) { img.resize(screen.width,0); } // conditional resize width
if (img.height>screen.height) { img.resize(0,screen.height); } // conditional resize height
imageMode(CENTER); // set image mode to centered
image(img, width/2, height/2); // display image in center of the sketch
}
else if(timer==1)
{
float Pic = random(1,xPic);
int PicFragNumberPlus=int (Pic);//PicFragNumberPlus is the Picture randomly loaded
img = loadImage("Pic_" + PicFragNumberPlus +".jpg");
print(PicFragNumberPlus + " - ");
println(pog);
delay(speed); //this decides how long an image should be displayed
timer=(timer+1)%2;
print ("PIC! - ");
println (PicFragNumberPlus);
}
}
//Loading and Displaying a Gif
else if (boopicorgif == 1) {
background(255);
imageMode(CENTER);
image(animation[framesPlayed % animation.length], width/2, height/2);
framesPlayed++;
float Gifanime = random (1, xGif);
int GifFragNumberPlus= int (Gifanime);
float n = random (2,5); //n is a little fonction for displaying the gif for random number of reapeat (between 2 and 5 times)
int gifrepeats = int (n);
if(framesPlayed >= gifrepeats*animation.length){
framesPlayed = 0;
// replace gif with a new one
animation = Gif.getPImages(this, "Gif_" + GifFragNumberPlus + ".gif");
}
print ("GIF! - ");
println (GifFragNumberPlus);
boopicorgif = 0;
}
}

Thank's a lot

Replies(6)

benja

Re: Little program for displaying randomly Pic and Gif

1 year ago

Only had a short look into your code, but the code between line 87 and 102 will never be executed, because the value of "timer" will remain 0 all the time.
So because you are only loading new images inside of this block, your image can never change.

romeedela..

Re: Little program for displaying randomly Pic and Gif

1 year ago

Thank you for this fast reply.

In the previous version which displayed only Pic (and it works fine) there was this timer thing.

void draw() {
background(255);
if(timer==0)
{
smooth();
if (img.width>screen.width) { img.resize(screen.width,0); } // conditional resize width
if (img.height>screen.height) { img.resize(0,screen.height); } // conditional resize height
imageMode(CENTER); // set image mode to centered
image(img, width/2, height/2); // display image in center of the sketch
}
else if(timer==1)
{
a = random(0,x);
int fragNumberPlus=int (a);//fragNumberPlus is the Pic randomly loaded
img = loadImage("Pic_" + fragNumberPlus +".jpg");
println(fragNumberPlus);
}
delay(speed); //this decides how long an image should be displayed
timer=(timer+1)%2;
println ("timer" + timer);
}

But now you're right, the timer is stucked on 0.

The problem comes I think from the codes between 58 - 71. It's aim to displays randomly Gif or Pic.

Radom (1, 10)

If it's 1 it will display a Gif

If it's the 9 other possibilities it will display a Pic

It doesn't look to work actually.

Is there an other solution to do this random function??

benja

Re: Little program for displaying randomly Pic and Gif

1 year ago

In the first code you posted, the line

timer=(timer+1)%2;

was inside of the block that was executed when "timer==1".
You have to put it outside (line 103).

The other thing with playing gifs all the time is because your condition is wrong, its 9 times showing gifs and 1 time showing a single image. You could simplfy your code with this instead:

    if (random(10) < 9 ){
          boopicorgif = 0;
    }else{
          boopicorgif = 1;
    }

romeedela..

Re: Little program for displaying randomly Pic and Gif

1 year ago

Exact!

I was a bit dumb on this one :)

Thank's

So now two problems:

1 - Pic are displaying perfectly but the problem is the Gifs

It's always the same Gif that it's displayed (the program loads different gif Cf: GifFragNumberPlus but display always the first loaded)

2 - It's displayed only few millis.

How could I stop the program for the time of the gif's loops, including his n number of repeats?

I thought about a

delay ( gifrepeats*animation.length ) to let it displayed for the gif'slength x the number of reapeats but it didn't worked :s

Here is the code a bit cleaned and with your correction

/**
BBGif
Correction: romée by basile
*/
PImage img;
String[] files;
int timer;
float Pic ;
int PicFragNumber;
int xPic = 1191;
int speed;
import gifAnimation.*;
PImage[] animation;
float Gifanime;
int GifFragNumber;
int xGif = 74;
int n;
int framesPlayed = 0;
void setup() {
size(1300,760);
//Pic loading
float Pic = random(1,xPic); // Random Pic Loading
int PicFragNumber = int (Pic);
img = loadImage("Pic_" + PicFragNumber +".jpg");
//Gif loading
float Gifanime = random(1,xGif);// Random Pic Loading
int GifFragNumber = int (Gifanime);
animation = Gif.getPImages(this, "Gif_" + GifFragNumber + ".gif");
frameRate(12);
timer=0;
speed=150;
}
void draw() {
//Random for choosing between a Gif and a Pic
//An average of 1 Gif for 10 Pics
if (random(10) < 9 ) ////////////////////////////////Loading and Displaying a PIC
{
if(timer==0)
{
background(255);
smooth();
if (img.width>screen.width) { img.resize(screen.width,0); } // conditional resize width
if (img.height>screen.height) { img.resize(0,screen.height); } // conditional resize height
imageMode(CENTER); // set image mode to centered
image(img, width/2, height/2); // display image in center of the sketch
}
else if(timer==1)
{
float Pic = random(1,xPic);
int PicFragNumberPlus=int (Pic);//PicFragNumberPlus is the Picture randomly loaded
img = loadImage("Pic_" + PicFragNumberPlus +".jpg");
println( "PIC - " + PicFragNumberPlus);
}
delay(speed); //this decides how long an image should be displayed
timer=(timer+1)%2;
}
else ////////////////////////////////Loading and Displaying a Gif
{
background(255);
imageMode(CENTER);
image(animation[framesPlayed % animation.length], width/2, height/2);
framesPlayed++;
float Gifanime = random (1, xGif);
int GifFragNumberPlus= int (Gifanime);
float n = random (2,5); //n is a little fonction for displaying the gif for random number of reapeat (between 2 and 5 times)
int gifrepeats = int (n);
if(framesPlayed >= gifrepeats*animation.length){
framesPlayed = 0;
animation = Gif.getPImages(this, "Gif_" + GifFragNumberPlus + ".gif"); // replace gif with a new one
}
println ("GIF! - " + GifFragNumberPlus);
}
}

benja

Re: Little program for displaying randomly Pic and Gif

1 year ago

Hey,

delay() is a bad idea, it stops the sketch from doing anything, so it should only be used in very special cases.
The problem within your code, is that you decide on every frame, if you want to display a jpg or gif at the beginning of draw().

So there is no chance for a gif to display more than one frame before a new images picked.

Maybe a good way to achieve what you want is to save the number of frames you want a picture/gif to be shown inside of a variable and only pick a new image when these frames have passed.
A structure similar to this:

if(framesPassed >= targetFrames){
      framesPassed =0;
      if (random(10) < 9 ) {
            showGif = false;
            //pick new jpg-image here

            [ ... ]

            targetFrames = 20; // or what ever you think is a good value
      }else{
            showGif = true;
            // pick new gif-image here

            [ ... ]

            targetFrames = gifrepeats*animation.length;
      }
}

// now show gif or jpg
if(showGif){
      displayGIF();
}else{
      displayJpg();
}

romeedela..

Re: Little program for displaying randomly Pic and Gif

1 year ago

Benja thank you so much for your time and your patience.

The code works perfectly now.

Here it goes for those who would be interested.

I have another question about reading the original frame rate of a gif but I will do in another post.

Thank's again!

/**
BBGif
**/
PImage img;
float Pic;
int PicFragNumber;
int xPic = 1191;
import gifAnimation.*;
PImage[] animation;
float Gifanime;
int GifFragNumber;
int xGif = 74;
int n;
int framesPlayed = 0;
int framesPassed;
int targetFrames;
boolean showGif;
void setup() {
size(1300,760);
//Pic loading
Pic = random(1,xPic); // Random Pic Loading
int PicFragNumber = int (Pic);
img = loadImage("Pic_" + PicFragNumber +".jpg");
//Gif loading
Gifanime = random(1,xGif);// Random Pic Loading
int GifFragNumber = int (Gifanime);
animation = Gif.getPImages(this, "Gif_" + GifFragNumber + ".gif");
frameRate(25);
}
void draw() {
background (255);
//Random for choosing between a Gif and a Pic with an average of 1 Gif for 10 Pics
if( framesPassed >= targetFrames){
println ("RESET");
framesPassed = 0;
if (random(10) < 9 ) {
///////// Pick new jpg-image
showGif = false;
float Pic = random(1,xPic);
int PicFragNumberPlus=int (Pic); //PicFragNumberPlus is the Picture randomly loaded
img = loadImage("Pic_" + PicFragNumberPlus +".jpg");
println( "PIC - " + PicFragNumberPlus);
targetFrames = 10;
}
else {
///////// Pick new gif-image
showGif = true;
float Gifanime = random (1, xGif);
int GifFragNumberPlus= int (Gifanime); //GifFragNumberPlus is the Gif randomly loaded
println ("GIF - " + GifFragNumberPlus);
float n = random (2,5); // n is a little fonction for displaying the gif for random number of reapeat (between 2 and 5 times)
int gifrepeats = int (n);
targetFrames = gifrepeats*animation.length;
animation = Gif.getPImages (this, "Gif_" + GifFragNumberPlus + ".gif");
}
}
framesPassed++;
if(showGif){
smooth();
imageMode(CENTER);
image(animation[framesPlayed % animation.length], width/2, height/2);
framesPlayed++;
}
else{
smooth();
if (img.width>screen.width) { img.resize((screen.width - 10),0); } // conditional resize width
if (img.height>screen.height) { img.resize(0,(screen.height - 10)); } // conditional resize height
imageMode(CENTER); // set image mode to centered
image(img, width/2, height/2); // display image in center of the sketch
}
}

Top Reply