Loading...
Logo
Processing Forum
Programming Questions
elbucho
elbucho

Skip to number with ease/tween

in Programming Questions  •  6 months ago  
Hello there dear people of Processing.

I'm now at my 4th day of learning Processing.
After a few brainbusters I've come to a point where I need your help.

I'm currently working on a test model of an idea that I have.
My goal is is have a step motor turning, with 8 magnets or rfid chips on the side.
This will be read by a sensor. This sensor will tell the software at what degrees (0, 45, 90, 135 etc) the step motor is.
The software will then adjust the movie to to right frame, according to the degrees of the step motor.

I've copy and pasted serval examples together and I've achieved some parts of it.
For now, the hardware part is just a press of the keyboard.
And instead of the movie, I have a timer.

But here's my problem. When the magnet passed the sensor (keyPressed), 
the current frame will be skipped to the right number.
So you will have a cut in the movie(which is a timer for now).

I want to achieve a speed up or slow down to adjust to the correct frame.
I think this is possible by tweening or easing, but I don't know how to implement this.

Underneath is my code. I hope this and my question makes any sense to you. If not, tell me.
If you have any tips on making this work, please let me know.

El Bucho

Copy code
  2. ///////////////////
  3. ///ElBucho////////
  4. //////////////////


  7. int actualSecs; //actual seconds elapsed since start
  8. int startSec = 0 ; //used to reset seconds shown on screen to 0
  9. int scrnSecs; //seconds displayed on screen (will be 0-360)
  10. int restartSecs; //number of seconds elapsed at last click or 360 sec interval
  11. int totalSec = 360; // total seconds

  13. void setup() {
  14.   size(600, 500);

  16.   smooth();
  17.   PFont font;
  18.   font = createFont("Arial", 72); // Arial, 16 point, anti-aliasing on
  19.   textFont(font, 72);
  20. } 

  22. void draw() {
  23.   background(0);

  25.   //////////////////////////////////// 
  26.   //*this section is the "mathy" part*//
  27.   ////////////////////////////////////
  28.   actualSecs = millis()/50; //converts to timer.
  29.   scrnSecs = actualSecs - restartSecs; //seconds to be shown on screen  
  30.   
  31. //the skip part
  32.   if ((scrnSecs) >= 338 && (scrnSecs) <= 359 ||(scrnSecs) >= 0 && (scrnSecs) <= 22)  {  //range 1 skip to 0 degrees
  33.        if (keyPressed) {
  34.        restartSecs = actualSecs - 0;
  35.        scrnSecs = 0; 
  36.        }
  37.   }
  38.   if ((scrnSecs) >= 23 && (scrnSecs) <= 67) {  //range 2 skip to 45 degrees
  39.     if (keyPressed) {
  40.     restartSecs = actualSecs - 45;
  41.     scrnSecs = 45;
  42.     }
  43.   }
  44.   if ((scrnSecs) >= 68 && (scrnSecs) <= 112) {  //range 3 skip to 90 degrees
  45.     if (keyPressed) {
  46.     restartSecs = actualSecs - 90;
  47.     scrnSecs = 90;
  48.     }
  49.   }
  50.   if ((scrnSecs) >= 113 && (scrnSecs) <= 157) {  //range 4 skip to 135 degrees
  51.     if (keyPressed) {
  52.     restartSecs = actualSecs - 135;
  53.     scrnSecs = 135;
  54.     }
  55.   }
  56.   if ((scrnSecs) >= 158 && (scrnSecs) <= 202) {  //range 5 skip to 180 degrees
  57.     if (keyPressed) {
  58.     restartSecs = actualSecs - 180;
  59.     scrnSecs = 180;
  60.     }
  61.   }
  62.   if ((scrnSecs) >= 203 && (scrnSecs) <= 247) {  //range 6 skip to 225 degrees
  63.     if (keyPressed) {
  64.     restartSecs = actualSecs - 225;
  65.     scrnSecs = 225;
  66.     }
  67.   }
  68.   if ((scrnSecs) >= 248 && (scrnSecs) <= 292) {  //range 7 skip to 270 degrees
  69.     if (keyPressed) {
  70.     restartSecs = actualSecs - 270;
  71.     scrnSecs = 270;
  72.     }
  73.   }   
  74.   if ((scrnSecs) >= 293 && (scrnSecs) <= 337) {  //range 8 skip to 315 degrees
  75.     if (keyPressed) {
  76.     restartSecs = actualSecs - 315;
  77.     scrnSecs = 315;
  78.     }
  79.   }   

  81. // the text part
  82.   
  83.     if ((scrnSecs) >= 0 && (scrnSecs) <= 22) {  //range 1 skip to 0 degrees
  84.     text("1, 0-22 0*", width/2,height/4);
  85.    }   
  86.   if ((scrnSecs) >= 23 && (scrnSecs) <= 67) {  //range 2 skip to 45 degrees
  87.     text("2, 23-67 45*", width/2,height/4);
  88.    }
  89.   if ((scrnSecs) >= 68 && (scrnSecs) <= 112) {  //range 3 skip to 90 degrees
  90.     text("3, 68-112 90*", width/2,height/4);
  91.    }
  92.   if ((scrnSecs) >= 113 && (scrnSecs) <= 157) {  //range 4 skip to 135 degrees
  93.     text("4, 113-157 135*", width/2,height/4);
  94.    }
  95.   if ((scrnSecs) >= 158 && (scrnSecs) <= 202) {  //range 5 skip to 180 degrees
  96.     text("5, 158-202 180*", width/2,height/4);
  97.    }
  98.   if ((scrnSecs) >= 203 && (scrnSecs) <= 247) {  //range 6 skip to 225 degrees
  99.     text("6, 203-247 225*", width/2,height/4);
  100.    }
  101.   if ((scrnSecs) >= 248 && (scrnSecs) <= 292) {  //range 7 skip to 270 degrees
  102.     text("7, 248-292 270*", width/2,height/4);
  103.    }   
  104.    if ((scrnSecs) >= 293 && (scrnSecs) <= 337) {  //range 8 skip to 315 degrees
  105.     text("8, 293-337 315*", width/2,height/4);
  106.    }   
  107.    if ((scrnSecs) >= 338 && (scrnSecs) <= 359) {  //range 9(1) skip to 0 degrees
  108.     text("9, 338-359 360*", width/2,height/4);
  109.    } 
  110.   

  112.   //if (keyPressed) { //if any key is pressed, restart timer
  113.     //restartSecs = actualSecs - skipSec ; //stores elapsed SECONDS
  114.     //scrnSecs = skipSec; //restart screen timer
  115.   //}

  117.   if (scrnSecs == totalSec) { //after 360 secs, restart second timer 
  118.     restartSecs = actualSecs;   //placeholder for this second in time
  119.     scrnSecs = startSec; //reset to zero
  120.   }

  122.   println(scrnSecs); //print timer to console (secs)

  124.   //displays time on screen
  125.   textAlign(CENTER);
  126.   fill(255);
  127.   text(nf(scrnSecs, 2), width/2, height/2);
  128. }
 

Replies(1)

askvabre
askvabre

Re: Skip to number with ease/tween

4 months ago
I see you posted a while ago, so I hope my answer doesn't come too late.

The easiest way to create easing, is simply like this:
Copy code
  1. int goal;
  2. int pos;

  4. if (goal>pos) {
  5. pos++;
  6. } else if (goal<pos)
  7. pos--;
  8. }
That creates a linear transition. And you should put it in a function so you can reuse it in different instances.

If you'd like a more "eased" version:

Copy code
  1. int goal;
  2. int pos;

  4. if (goal>pos) {
  5. pos+=pos-goal;
  6. } else if (goal<pos) {
  7. pos-=goal-pos;
  8. }
Top Reply

Statistics

  • 1 Replies
  • 379  Views
  • 1 Followers

Actions

Related Posts