Loading...
Logo
Processing Forum
Integration and Hardware
derecik1
derecik1

Serial control of frameRate

in Integration and Hardware  •  2 years ago  
Hello, 

I'm a bit new to Processing, but I think I understand the general format. I am trying to use a serial input from arduino to control the frameRate on an animated gif. I tried making a loop that would increment the frameRate each time the sequence loads, but this didn't work and when I print out the frameRate() value it always returns 10. 

Am I doing something, or is it not possible to change the frameRate like this? Could I use a delay in the loop instead?

Thanks!

I am working off of the Sequence Animation example:

 for ( int i=1; i< 5; i++){ 
 frameRate(i);  
  images[0]  = loadImage("PT_anim0000.gif");
  images[1]  = loadImage("PT_anim0001.gif"); 
  images[2]  = loadImage("PT_anim0002.gif");
  images[3]  = loadImage("PT_anim0003.gif"); 
  images[4]  = loadImage("PT_anim0004.gif");
  images[5]  = loadImage("PT_anim0005.gif"); 
  images[6]  = loadImage("PT_anim0006.gif");
  images[7]  = loadImage("PT_anim0007.gif"); 
  images[8]  = loadImage("PT_anim0008.gif");
  images[9]  = loadImage("PT_anim0009.gif"); 
  images[10] = loadImage("PT_anim0010.gif");
  images[11] = loadImage("PT_anim0011.gif"); 
  println(i);
  //delay(10000- (i *100));
  println(frameRate);
 }

Replies(12)

PhiLho
PhiLho

Re: Serial control of frameRate

2 years ago
Not too sure about the serial part, and we don't see how you trigger the change of the frameRate, but changing this one isn't a very reliable way to set an animation speed: it is a speed Processing tries to attain, but it might fail (although more on high speeds than on low ones).
delay() is rarely a solution too.
Using millis() time control in draw() (examples abound in the forum) is more precise.
Note that loading the images in delay() (if that's what you do), in a loop (I don't see the point here) is a bad idea, as it slows down a lot the sketch. Better load them in advance in setup(), and use a loop to fill your array (copy/paste is often a bad idea in programming! -- better make the program do repetitive jobs).
derecik1
derecik1

Re: Re: Serial control of frameRate

2 years ago
Hi thanks! I will look into the millis time control. I don't think I explained what I want to do very clearly- basically I want to take the input read from something like a potentiometer or accelerometer and then use this to vary the speed of the animation...so the more you turn the potentiometer the faster or slower the animation plays. I thought frameRate might work if it sets the speed at which the images load, but I see how this would slow down the sketch. If changing the millis() value will slow down the rate at which the entire sequence plays I think this will work. I hope that is a bit clearer!
PhiLho
PhiLho

Re: Serial control of frameRate

2 years ago
You don't have to change the speed at which the images load, but the speed at which the images are displayed!
And you can't change the millis() value, it is changed by the computer's clock... Its value must be used to see if time between two draw() calls is enough to display a new image (supposing the frame rate is indeed much superior to the display rate).
derecik1
derecik1

Re: Serial control of frameRate

2 years ago
Hi, 

I looked at some examples, but I'm not sure I understand millis completely. It seems like it is not pausing between each image, but at the end of each sequence. I found this  http://processing.org/discourse/yabb2/YaBB.pl?num=1177082889, but there was no sample code, although I think the code would help me do what I am I want to do, it seems similar. 

This is my code for draw:

void draw() 
{ 

  startTime = millis();
  for (int i = 1; i < 5; i++)   // i would be putting an input here but i wanted to test it out by seeing how it responded to different                                           values without an input, so eventually this would be something like startTime *= analogRead/                                                some factor
  {
    startTime *= startTime;
  }
  if (millis() < startTime) {             //i thought this might cause a delay as the frames are loaded, but it's only happening at the                                                             end
    frame = (frame+1) % numFrames;  // Use % to cycle through frames
    image(images[frame], 50, 50);
  }

  println(millis());   //this shows that it is being incremented
}

PhiLho
PhiLho

Re: Serial control of frameRate

2 years ago
No, use draw() like the body of a loop that Processing manages. Don't loop for wait inside it.
It is more like:
Copy code
  1. void draw()
  2. {
  3.   if (millis() >= startTime + timeBetweenAnimationFrames)
  4.   {
  5.     frame = (frame+1) % numFrames;  // Use % to cycle through frames
  6.     image(images[frame], 50, 50);
  7.     startTime = millis();
  8.   }
  9. }
where timeBetweenAnimationFrames is the value controlled by your hardware.

derecik1
derecik1

Re: Re: Serial control of frameRate

2 years ago
yes that works! thank you so much!

the only thing is that is is slowing down the animation, instead of speeding it up as the input value changes. do i just need to set the frameRate to something small, like 5 and then change this to 
if (millis() <= startTime + timeBetweenAnimationFrames) 
to fix this? i don't have all my hardware with me, but i think i can figure it out by testing different things later. 

this is my complete code:


 import processing.serial.*;

import cc.arduino.*;

Arduino arduino;

int numFrames = 12;  // The number of frames in the animation
int frame = 0;
PImage[] images = new PImage[numFrames];
int timeBetween;
int startTime;
    
void setup()
{
  size(200, 200);
  frameRate(5);
  
  images[0]  = loadImage("PT_anim0000.gif");
  images[1]  = loadImage("PT_anim0001.gif"); 
  images[2]  = loadImage("PT_anim0002.gif");
  images[3]  = loadImage("PT_anim0003.gif"); 
  images[4]  = loadImage("PT_anim0004.gif");
  images[5]  = loadImage("PT_anim0005.gif"); 
  images[6]  = loadImage("PT_anim0006.gif");
  images[7]  = loadImage("PT_anim0007.gif"); 
  images[8]  = loadImage("PT_anim0008.gif");
  images[9]  = loadImage("PT_anim0009.gif"); 
  images[10] = loadImage("PT_anim0010.gif");
  images[11] = loadImage("PT_anim0011.gif"); 
  
 arduino = new Arduino(this, Arduino.list()[0], 57600);
  
  for (int i = 0; i <= 13; i++)
    arduino.pinMode(i, Arduino.INPUT);
} 
 
void draw()
{
  
 timeBetween = arduino.analogRead(0) ;
  
  if (millis() >= startTime + timeBetween) 
  {
    frame = (frame+1) % numFrames;  // Use % to cycle through frames
    image(images[frame], 50, 50);
    startTime = millis();
  }
}
PhiLho
PhiLho

Re: Serial control of frameRate

2 years ago
No, set it (frameRate) as high as possible.
Also you can do:
Copy code
  1. for (int i = 0; i < numFrames; i++)
  2. {
  3.   images[i]  = loadImage("PT_anim" + nf(i, 4) + ".gif");
  4. }

derecik1
derecik1

Re: Re: Serial control of frameRate

2 years ago
thanks!
hmm that seems to freeze it, i'm not sure why any idea?
PhiLho
PhiLho

Re: Serial control of frameRate

2 years ago
No, never had an Arduino. Do a println() of timeBetween to check the received values.
derecik1
derecik1

Re: Re: Serial control of frameRate

2 years ago
thanks good call, i think it had something do with not initializing startTime, it is working now. i'm still having some trouble reversing the action, so that there is an initial delay between the images that gets smaller and smaller as the input changes. is there a way to set an initial fixed delay?
derecik1
derecik1

Re: Serial control of frameRate

2 years ago
ok i think i got it to speed up by setting startTime to a high value. here is my code using a loop input instead of arduino. it's still a bit too fast though, so tweaking some things to see what will work. does it look ok?



int numFrames = 11;  // The number of frames in the animation
int frame = 0;
PImage[] images = new PImage[numFrames];
int timeBetween;
int startTime = 10000;
    
void setup()
{
  size(640, 480);
  frameRate(10);
  
 images[0]  = loadImage("tvgif5.jpg");
  images[1]  = loadImage("tvgif5.jpg"); 
  images[2]  = loadImage("tvgif5.jpg");
  images[3]  = loadImage("tvgif5.jpg"); 
  images[4]  = loadImage("tvgif5.jpg");
  images[5]  = loadImage("tvgif6.jpg"); 
  images[6]  = loadImage("tvgif7.jpg");
  images[7]  = loadImage("tvgif8.jpg"); 
  images[8]  = loadImage("tvgif9.jpg");
  images[9]  = loadImage("tvgif10.jpg"); 
  images[10] = loadImage("tvgif11.jpg");

  
 
} 
 
void draw()
{
  //startTime += millis();
 
 // images[i]  = loadImage("PT_anim" + nf(i, 4) + ".gif");

  if (millis() >= startTime + timeBetween) 
  {
    
     for (int i = 2; i < 20; i++) 
{
  timeBetween = i;
    println(timeBetween);
    frame = (frame+1) % numFrames;  // Use % to cycle through frames
    image(images[frame], 5, 5);
    startTime = millis();
    println(startTime);
  println(millis());
  }
}
}
PhiLho
PhiLho

Re: Serial control of frameRate

2 years ago
Why are you looping inside draw()? The previous version was fine. Here, you just overlap the images, only displaying the last one.
Top Reply

Statistics

  • 12 Replies
  • 1672  Views
  • 0 Followers

Actions

Related Posts