From 08b0dc4d8def421c38cbef0868579ea41ceec74e Mon Sep 17 00:00:00 2001
From: Mees Roelofsz <mees.roelofsz@hva.nl>
Date: Fri, 24 Nov 2023 12:01:59 +0100
Subject: [PATCH] added movable object with directional keys

---
 web/game.js | 32 +++++++++++++++++++++++++-------
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/web/game.js b/web/game.js
index b33f57c..749be53 100644
--- a/web/game.js
+++ b/web/game.js
@@ -1,18 +1,36 @@
-
+size = 50;
+posX = 500;
+posY = 300;
 // the function setup() is called once when the page is loaded
-function setup(){
+function setup() {
     // create a canvas element and append it to the body
-    createCanvas(1250, 600);    
-    
+    createCanvas(1000, 600);
+    frameRate(120);
     // disable the outline of shapes
     noStroke();
 }
 
+function keyPressed() {
+    if (keyIsDown(LEFT_ARROW)) {
+        posX -= 5;
+    }
+    if (keyIsDown(RIGHT_ARROW)) {
+        posX += 5;
+    }
+    if (keyIsDown(UP_ARROW)) {
+        posY -= 5;
+    } 
+    if (keyIsDown(DOWN_ARROW)) {
+        posY += 5;
+    }
+}
 // the function draw() is called every frame
-function draw(){
+function draw() {
+    keyPressed();
     // clear the background with a transparent black color
-    background(0,0,0,10);
+    background(0, 0, 0, 10);
 
     // draw a circle at the mouse position
-    circle(mouseX, mouseY, 50);
+
+    circle(posX, posY, size);
 }
\ No newline at end of file