controlsAndInput.js

//Constructor function to handle the onscreen menu, keyboard and mouse
//controls
function ControlsAndInput() {

  //playback button displayed in the top left of the screen
  this.playbackButton = new PlaybackButton();

  //make the window fullscreen or revert to windowed
  this.mousePressed = function() {
    //???
    //check if the playback button has been clicked
    //if not make the visualisation fullscreen
    if (this.playbackButton.hitCheck()) {
      this.menuDisplayed = true;
      this.playing = true;
    }
    else {
      if (fullscreen()) {
        fullscreen(false);
      }
      else {
        fullscreen(true);
      }
    }
  };

  //responds to keyboard presses
  //@param keycode the ascii code of the keypressed
  this.keyPressed = function(keycode) {
    console.log(keycode);
    if (keycode == 32) {
      this.menuDisplayed = !this.menuDisplayed;
    }
    else {
      this.menuDisplayed = false;
    }

    if (keycode > 48 && keycode < 58) {
      var visNumber = keycode - 49;
      vis.selectVisual(vis.visuals[visNumber].name);
    }
  };

  //draws the playback button and potentially the menu
  this.draw = function() {
    push();
    fill("white");
    stroke("black");
    strokeWeight(2);
    textSize(34);

    //playback button 
    this.playbackButton.draw();
    //only draw the menu if menu displayed is set to true.
    if (this.menuDisplayed) {

      text("Select a visualisation:", 100, 30);
      this.menu();
    }
    pop();

  };

  this.menu = function() {
    //draw out menu items for each visualisation
    //???
    //   
    for (var i = 0; i < vis.visuals.length; i++) {
      text("      " + (i + 1) + ": " + vis.visuals[i].name, 50, 70 + i * 30);
    }
  };
}