Contents

// # to hold in memory
var numDisplay = 100;
var numCalc = 100;
// particle coordinates
var ax = [];
var ay = [];
var dx = 0 ;
var dx = 0 ;

function setup() {
  var trapCanvas = createCanvas(document.getElementById("optical-trap").offsetWidth, document.getElementById("optical-trap").offsetHeight);
  trapCanvas.parent('optical-trap');
  for ( var i = 0; i < numCalc; i++ ) {
    ax[i] = width / 2;
    ay[i] = height / 2;
  }
  frameRate(20);
}
function draw() {
  background(20 * document.getElementById("zigma").value , 0 , 200 / document.getElementById("zigma").value );
  // Shift all elements 1 place to the left
  for ( var i = 1; i < numCalc; i++ ) {
    ax[i - 1] = ax[i];
    ay[i - 1] = ay[i];
  }
  // Put a new value at the end of the array
  var range = document.getElementById("zigma").value;
  var k = document.getElementById("kappa").value;;
  dx = random(-range, range)  - k * (ax[numCalc - 2] - width / 2);
  dy = random(-range, range)  - k * (ay[numCalc - 2] - height / 2);
  ax[numCalc - 1] = ax[numCalc - 2] + dx;
  //console.log(ax);
  ay[numCalc - 1] = ay[numCalc - 2] + dy;
  // Constrain all points to the screen
  //ax[numDisplay - 1] = constrain(ax[numDisplay - 1], 0, width);
  //ay[numDisplay - 1] = constrain(ay[numDisplay - 1], 0, height);
  fill(3, 157, 255);
  stroke(0);
  ellipse(ax[numCalc - 1], ay[numCalc - 1], 20, 20 );

  // Draw time series
  window.myLine.update();

  // Draw a line connecting the points
  for ( var j = 1; j < numCalc; j++ ) {
    var val = j / numCalc * 204.0 + 51;
    stroke(val);
    line(ax[j - 1], ay[j - 1], ax[j], ay[j]);
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
made-slowly-0.0.1	assets/js/trapping.js