"use strict"; const FPS = 24; let sprites; let player; function preload () { sprites = loadImage('img/sprites.png'); } function setup() { // Create the canvas. createCanvas(500, 500); frameRate(FPS); // Create a new player. player = new Player(0, 0); } function draw() { // Clear the background. background(255); // Get input. getInput(); // Check for interactions. update(); // Draw the characters. drawCharacters(); } function getInput() { // Check to see if a key is pressed. if (keyIsPressed) { // Check for the arrow keys. // Left Arrow Key. if (keyIsDown(LEFT_ARROW)) { console.log('Left Arrow'); } // Right Arrow Key. else if (keyIsDown(RIGHT_ARROW)) { console.log('Right Arrow'); } // Up Arrow Key. if (keyIsDown(UP_ARROW)) { console.log('Up Arrow'); } // Down Arrow Key. else if (keyIsDown(DOWN_ARROW)) { console.log('Down Arrow'); } } } function keyPressed() { // Space Bar. if (keyCode == 32) { console.log('Space Bar'); } // X Key. if (keyCode == 88) { console.log('X Key'); } } function update(delta) { player.update(delta); } function drawCharacters() { player.draw(); }