var playing = false;

var posX;

var posY;

var frequency;

var volume;

​

​

function setup() {

  createCanvas(displayWidth, displayHeight);

  textAlign(CENTER);

  osc = new p5.Oscillator();

  osc.setType('sine');

  osc.freq(240);

  osc.amp(0);

  osc.start();

​

}

​

function draw() {

  background(0);

  if (rotationX <= 90 && rotationX >= -90){

  posY = map(rotationX, -90, 90, 0, height);

    }

  else if (rotationX > 90) {

  posY = height; 

    }

  else if (rotationX < -90) {

  posY = 0; 

  }

  if (rotationY <= 90 && rotationY >= -90){

  posX = map(rotationY, -90, 90, 0, width);

    }

    else if (rotationY > 90) {

  posX = width; 

    }

   else if (rotationY < -90) {

  posX = 0; 

  }

​

  fill(255)

  ellipse(posX, posY, 10, 10);

  text("Please lock your device's orientation.", width/2, 20);

  text("Tap the screen to start.", width/2, 40);

    text("Move your device to control the tone!", width/2, 60);

  text(frequency, width/2, 80);

  stroke(255);

}

​

function deviceMoved() {   

  frequency = map(rotationY, -90, 90, 110, 1760);

  osc.freq(frequency);

  var volume = map(rotationX, -65, 65, 1, 0);

  osc.amp(volume, 0.05);

  print("we started");

}