topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

graphic-processing-site-examples-Basics-Input-Easing-Easing.pde / pde
Easing. Move the mouse across the screen and the symbol will follow. Between drawing each frame of the animation, the program calculates the difference between the position of the symbol and the cursor. If the distance is larger than 1 pixel, the symbol moves part of the distance (0.05) from its current position toward the cursor. 

  
   
  float x;
  float y;
  float targetX, targetY;
  float easing = 0.05;
  
  void setup() 
  {
    size(200, 200); 
    smooth();
    noStroke();  
  }
  
  void draw() 
  { 
    background( 51 );
    
    targetX = mouseX;
    float dx = mouseX - x;
    if(abs(dx) > 1) {
      x += dx * easing;
    }
    
    targetY = mouseY;
    float dy = mouseY - y;
    if(abs(dy) > 1) {
      y += dy * easing;
    }
    
    ellipse(x, y, 33, 33);
  }
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.