Syncing changes with timer

taarons

I'm trying to make Processing do what I tell it to at certain intervals but when I tested just changing the background color, the timer started to not work properly. The timer only functions properly when the background is set to #FFFFFF. How do I remove that background without breaking my timer??

    StopWatchTimer sw2;

    int timer;

    void setup() {
      size(400, 400);
      println (millis());
      sw2 = new StopWatchTimer();
      sw2.start();
    }

    void draw () {
      time();

    }

    void time() {
//PROBLEM AREA 
      //background(#FFFFFF);

       if (millis() - timer >= 2000) {
        background(random(255));
        timer = millis();
      }

      fill(#000000);
      text(nf(sw2.minute(), 2)+":"+nf(sw2.second(), 2), 300, 25);

    }

    class StopWatchTimer {
      int startTime = 0, stopTime = 0;
      boolean running = false; 
      void start() {
        startTime = millis();
        running = true;
      }

      void stop() {
        stopTime = millis();
        running = false;
      }

      int getElapsedTime() {
        int elapsed;
        if (running) {
          elapsed = (millis() - startTime);
        }

        else {
          elapsed = (stopTime - startTime);
        }
        return elapsed;
      }
      int second() {
        return (getElapsedTime() / 1000) % 60;
      }
      int minute() {
        return (getElapsedTime() / (1000*60)) % 60;
      }
    }

kfrajer

Modify your time() function like this:

color bg;
void time() {

  background(bg);

  if (millis() - timer >= 2000) {
    bg=color(random(255));
    timer = millis();
  }

  fill(#000000);
  text(nf(sw2.minute(), 2)+":"+nf(sw2.second(), 2), 300, 25);
}

Kf

taarons

The method I was using wasn't working when I tried to display images, because the code just flashes the image every x amount of seconds instead of displaying an image permanently after a certain amount of time. I tried looking for other methods in the forum and started playing with this one I'll post below, but there's an error every time I run it. Is this method I'm trying more effective than the one above for displaying an image after x amount of time? If it is, how do I make it accept images?

PImage call;

final int HowLongIsItWaiting1 = 3000;
final int HowLongIsItWaiting2 = 1000;
float m ;        // sores millis()
//char state='A';  // A or B
int state = 0;

void setup () {
  size (700, 700);
  background (111);
  noStroke();
  //state='A';
  m = millis();
  state = 0;
  loadImage("call.png");
} 

void draw() {
  if (state==1) {
    if (millis()-m>HowLongIsItWaiting1) {
      //fill(m % 50 + 1000);
      //fill(200, 222, 0);   
      ////rect(220, 220, 640, 480);
      //fill(111);       
      //rect(110, 110, 50, 50);     

  image(call, 0, 0);
      m = millis();
      state=0;
    } 
  } 

  else if (state==0) {
    if (millis()-m>HowLongIsItWaiting2) {
      //fill(m % 50 + 1000);
      fill(111);   
      rect(220, 220, 640, 480);
      fill(200, 222, 0);       
      rect(110, 110, 50, 50);   
      m = millis();
      state=1;
    } 
  }
}  

kfrajer

There ae a couple of things with your code...

Line 16 should be call=loadImage(...);

Line 35 looks :-? like it might not work because you are changing m inside the block constantly (ok, you are going back and forth between state blocks) and I don't think it will work. The value should be updated only after certain elapse time has expired. I am going to try to make changes (not tested) below.

Kf

P.S. Notice I changed the inequality in the conditionals

PImage call;

final int HowLongIsItWaiting1 = 3000;
final int HowLongIsItWaiting2 = 1000;
float m ;        // sores millis()
//char state='A';  // A or B
int state = 0;

void setup () {
  size (700, 700);
  background (111);
  noStroke();
  m = millis();
  state = 0;
  //call=loadImage("call.png");
  background(92);
}

void draw() {
  surface.setTitle("state: "+state);
  background(92);
  if (state==1) {
    if (millis()-m<HowLongIsItWaiting1) {  
      float factor=random(0.5);
      fill(random(10, 200));
      rect(0, 0, width*factor, height*2*factor);
      //image(call, 0, 0);
    } else {
      m = millis();
      state=0;
    }
  } else if (state==0) {
    if (millis()-m<HowLongIsItWaiting2) {
      //fill(m % 50 + 1000);
      fill(111);  
      rect(220, 220, 640, 480);
      fill(200, 222, 0);      
      rect(110, 110, 50, 50);
    } else {
      m = millis();
      state=1;
    }
  }
}  

taarons

Thank you that was so helpful!!!

Lord_of_the_Galaxy

You can use my library - https://github.com/Lord-of-the-Galaxy/Timing-Utilities

taarons

Thank you guys for your help so far! I'm sorry I keep coming back to this question but I keep getting stuck as I try to trigger different kinds of events through the timer. I'm trying to use the box2d library and initiate boxes falling after a certain period of time, but I can only seem to control the background, not the boxes getting drawn. Do you have any idea what section I should be targeting that's not in draw? Here's what I have:

import shiffman.box2d.*;
import org.jbox2d.collision.shapes.*;
import org.jbox2d.common.*;
import org.jbox2d.dynamics.*;

Box2DProcessing box2d;

ArrayList<Boundary> boundaries;
ArrayList<Square> pops;

float ypos;

int myColor = color(255);

int c1,c2;

float n,n1;

PImage background;

int CColor = color(200); 

PImage[] images = new PImage[38];

int state = 0;

final int HowLongIsItWaiting1 = 10000;
final int HowLongIsItWaiting2 = 5000;
float m ;        // sores millis()

void setup() {
  size(1030,800);
 // background(255);
  noStroke();

  ypos = 0;

  smooth();
  box2d = new Box2DProcessing(this,20);
  box2d.createWorld();
  box2d.setGravity(0, -20);
  pops = new ArrayList<Square>();
  boundaries = new ArrayList<Boundary>();
  boundaries.add(new Boundary(0,height,width*2,10,0));
  boundaries.add(new Boundary(1035,height,10,width*2,0));
  boundaries.add(new Boundary(-5,height,10,width*2,0));

state = 0;
m = millis();

}

void draw() {
  background(240);

   if (state == 1) {
   background(0);
   }
  myColor = lerpColor(0,200,n);
  n += (1-n)* 0.1; 

if (millis()-m<HowLongIsItWaiting1) {
  box2d.step();

  for (Boundary wall: boundaries) {
    wall.display();
  }

  for (Square p: pops) {
    p.display();
  }

  for (int i = pops.size()-1; i >= 0; i--) {
    Square p = pops.get(i);
    if (p.done()) {
      pops.remove(i);
    }
  }

  if(frameCount % 1 == 0){
  Square p = new Square(random(0, width), random(-10, 10));
  pops.add(p);
  }
}

else {
 m = millis();
 state=1;
}
}

Here's the boundary section:

class Boundary {
  // A boundary is a simple rectangle with x,y,width,and height
  float x;
  float y;
  float w;
  float h;
  Body b;

 Boundary(float x_,float y_, float w_, float h_, float a) {
    x = x_;
    y = y_;
    w = w_;
    h = h_;

    // Define the polygon
    PolygonShape sd = new PolygonShape();
    // Figure out the box2d coordinates
    float box2dW = box2d.scalarPixelsToWorld(w/2);
    float box2dH = box2d.scalarPixelsToWorld(h/2);
    // We're just a box
    sd.setAsBox(box2dW, box2dH);


    // Create the body
    BodyDef bd = new BodyDef();
    bd.type = BodyType.STATIC;
    bd.angle = a;
    bd.position.set(box2d.coordPixelsToWorld(x,y));
    b = box2d.createBody(bd);

    // Attached the shape to the body using a Fixture
    b.createFixture(sd,1);
  }

  // Draw the boundary, if it were at an angle we'd have to do something fancier
  void display() {
    fill(0);
    stroke(0);
    strokeWeight(1);
    rectMode(CENTER);

    float a = b.getAngle();

    pushMatrix();
    translate(x,y);
    rotate(-a);
    rect(0,0,w,h);
    popMatrix();
  }

}

And here's Square:

class Square {

      // We need to keep track of a Body and a width and height
      Body boday;
      float w;
      float h;
      float r;

      // Constructor
      Square(float x, float y) {
        w = 10;
        h = 10;
        r = 8;
        makeBody(new Vec2(x, y));
      }

      // This function removes the particle from the box2d world
      void killBody() {
        box2d.destroyBody(body);
      }

      boolean done() {
        // Let's find the screen position of the particle
        Vec2 pos = box2d.getBodyPixelCoord(body);
        // Is it off the bottom of the screen?
        if (pos.y > height+w*h) {
          killBody();
          return true;
        }
        return false;
      }

      void display() {
        // We look at each body and get its screen position
        Vec2 pos = box2d.getBodyPixelCoord(body);
        // Get its angle of rotation
        float a = body.getAngle();

        rectMode(CENTER);
        pushMatrix();
        translate(pos.x, pos.y);
        rotate(-a);
        fill(random(255),random(255),random(255));
        stroke(0);

        rect(0,0,w,h);
        //ellipse(0, h/2, r*2, r*2);
        popMatrix();
      }

      // This function adds the rectangle to the box2d world
      void makeBody(Vec2 center) {

        // Define the body and make it from the shape
        BodyDef bd = new BodyDef();
        bd.type = BodyType.DYNAMIC;
        bd.position.set(box2d.coordPixelsToWorld(center));
        body = box2d.createBody(bd);

        PolygonShape sd = new PolygonShape();
        float box2dW = box2d.scalarPixelsToWorld(w/2);
        float box2dH = box2d.scalarPixelsToWorld(h/2);
        sd.setAsBox(box2dW, box2dH);

        body.createFixture(sd,1.0);
        //body.createFixture(circle, 1.0);

        // Give it some initial random velocity
        body.setLinearVelocity(new Vec2(random(-5, 5), random(2, 5)));
        body.setAngularVelocity(random(-5, 5));
      }
    }

Lord_of_the_Galaxy

I remember there being something like destroy or something that must be called to remove an object from the world.