Path Example

This example uses motion to mark 50 steps

along a path with gravity.

​

In this example, we use a for loop instead

of the animation loop to draw.

​

We also use fillrect to fill a pixel rather

than drawing a circle.

*/

function setup(){

  //no special setup needed

}

function draw(){

  var x,y;      //coordinates

  var vx,vy;    //velocity

  var ax,ay;    //acceleration

  var i;        //index

  //random position

  x=random()*width;

  y=random()*height;

  //random velocity - but vy is going up

  vx=random();

  vy=-random();

  //a little bit of gravity

  ax=0;

  ay=.01;

  //draw 50 steps of path

  for (i=0;i<50;i++){

    fillrect(x,y,1,1);

    x=x+vx;

    y=y+vy;

    vx=vx+ax;

    vy=vy+ay;

  }

}

​