Merge branch 'main' of ssh://gitlab.fdmci.hva.nl/propedeuse-hbo-ict/onderwijs/2023-2024/out-a-se-ti/blok-2/cuujooceevii61

docs/documentatie/Documentatie game.md

@@ -1 +1,43 @@
-### 
+### Van canvas switchen
+```js
+//Geschreven door Sam
+//Is mischien een beetje een scuffed manier maar het werkt en het geeft een beetje de richting waar je op kan gaan
+let canvasSwitch = true;
+
+function setup(){
+    createCanvas(400, 400);
+    }
+
+function draw(){
+    //draw a background every frame
+    background(220)
+    //switch canvas when spacebar is pressed
+    if (canvasSwitch == false){
+        canvas1();
+    }
+    
+    if (canvasSwitch == true){
+        canvas2();
+    }
+
+} 
+
+function keyPressed(){
+    if (keyCode === 32){ // 32 is the keyCode for the space bar
+        //if canvasSwitch is true, set it to false, vice versa
+        canvasSwitch = !canvasSwitch;
+    }
+}  
+
+//draw a yellow circle on canvas 1
+function canvas1(){
+    fill(255, 255, 0)
+    circle (200, 200, 50);
+}
+
+//draw a red circle on canvas 2
+function canvas2(){
+    fill(255, 0, 0)
+    circle (300, 200, 50);
+}
+```

docs/documentatie/Feedback.md

@@ -69,4 +69,12 @@ We hebben nieuwe ideeën en inzichten over hoe we het spel kunnen maken. Nieuwe
 ### Conclusie
 De game moet duidelijker zijn wanneer je het begint met spelen en wat makkelijker zijn aan het begin. De UI moet ook wat duidelijker worden met wat je moet doen. Verder moet er ook wat meer progressie in komen. We hebben ook een aantal positieve dingen gehoord: *geinig spel* en het *lijkt echt op een arcade game*. We hebben ook met de user tests een aantal bugs gevonden die we gaan patchen zoals dat de bullet speed per computer anders is. We hebben al nieuwe user stories aangemaakt over de feedback zodat we ons spel kunnen verbeteren, beivoorbeeld over de UI en dat de game moet meeschalen aan het scherm.
 
+### Feedback van presentatie
+### Tips
+* Game meer laten zien
+* duidelijker maken wat boss is
 
+### tops
+* duidelijk presentatie
+* beginnen met spel
+* goede taakverdeling

teamdocumentatie/switchcanvas.js

@@ -0,0 +1,38 @@
+let canvasSwitch = true;
+
+function setup(){
+    createCanvas(400, 400);
+    }
+
+function draw(){
+    //draw a backgroun every frame
+    background(220)
+    //switch canvas when spacebar is pressed
+    if (canvasSwitch == false){
+        canvas1();
+    }
+    
+    if (canvasSwitch == true){
+        canvas2();
+    }
+
+} 
+
+function keyPressed(){
+    if (keyCode === 32){ // 32 is the keyCode for the space bar
+        //if canvasSwitch is true, set it to false, vice versa
+        canvasSwitch = !canvasSwitch;
+    }
+}  
+
+//draw a yellow circle on canvas 1
+function canvas1(){
+    fill(255, 255, 0)
+    circle (200, 200, 50);
+}
+
+//draw a red circle on canvas 2
+function canvas2(){
+    fill(255, 0, 0)
+    circle (300, 200, 50);
+}

web/game.js

@@ -585,69 +585,6 @@ function spawnRandomBullet() {
     }
 }
 
-
-function homescreen() {
-    textAlign(CENTER);
-    button(255, 255, 255, width / 2 - 90, height / 2, 200, 40, "Start Game")
-    button(255, 255, 255, width / 2 - 90, height / 2 + 50, 200, 40, "Scores")
-    
-    push()
-    stroke(255, 255, 255)
-    strokeWeight(5)
-    fill(0, 255, 0, 0)
-    rect(100, 150, 300, 400)
-    pop()
-    //highscores rectangle
-    push()
-    textSize(50)
-    fill(255, 255, 255)
-    text("Highscores", 250, 200)
-    pop()
-
-    push()
-    fill(255, 255, 255)
-    textSize(25)
-    textAlign(CENTER)
-    // if (requesteddata.length > 0) {
-    //     text("1. " + requesteddata[0].Naam + ": " + requesteddata[0].Score, 250, 250)
-    //     }    
-    for (let i = 0; i < requesteddata.length; i++) {
-        text(i + 1 + ". " + requesteddata[i].Naam + ": " + requesteddata[i].Score, 250, 250 + (i * 30))
-    }
-    pop()
-
-    push()
-    stroke(255, 255, 255)
-    strokeWeight(5)
-    fill(0, 255, 0, 0)
-    rect(860, 150, 300, 400)
-    pop()
-
-    push()
-    textSize(50)
-    fill(255, 255, 255)
-    text("Controls", 1000, 200)
-    pop()
-}
-
-
-
-function button(r, g, b, buttonX, buttonY, buttonWidth, buttonHeight, buttonText) {
-    push()
-    fill(0, 0, 50)
-    rect(buttonX, buttonY, buttonWidth, buttonHeight)
-    textSize(25)
-    fill(r, g, b)
-    text(buttonText, buttonX + 100, buttonY + 30)
-    textAlign(CENTER);
-    // if (mouseX > buttonX - 90 && mouseX < width / 2 + 110 && mouseY > height / 2 && mouseY < buttonY + 40) {
-    //     if (mouseIsPressed) {
-    //         homescreenOn = false;
-    //     }
-    // }
-    pop()
-}
-
 function game() {
     if (!(lives == 0)) {
         // draw player

web/index.html

@@ -10,6 +10,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/addons/p5.sound.min.js"></script>
     <script src="js/basicbullet.js"></script>
     <script src="js/Database.js"></script>
+    <script src="js/Menu.js"></script>
     <script src="game.js"></script>
 </head>
 <body>

web/js/Menu.js

@@ -0,0 +1,65 @@
+function scoremenu(){
+    
+
+
+}
+
+function homescreen() {
+    textAlign(CENTER);
+    button(255, 255, 255, width / 2 - 90, height / 2, 200, 40, "Start Game")
+    button(255, 255, 255, width / 2 - 90, height / 2 + 50, 200, 40, "Scores")
+    
+    push()
+    stroke(255, 255, 255)
+    strokeWeight(5)
+    fill(0, 255, 0, 0)
+    rect(100, 150, 300, 400)
+    pop()
+    //highscores rectangle
+    push()
+    textSize(50)
+    fill(255, 255, 255)
+    text("Highscores", 250, 200)
+    pop()
+
+    push()
+    fill(255, 255, 255)
+    textSize(25)
+    textAlign(CENTER)
+    // if (requesteddata.length > 0) {
+    //     text("1. " + requesteddata[0].Naam + ": " + requesteddata[0].Score, 250, 250)
+    //     }    
+    for (let i = 0; i < requesteddata.length; i++) {
+        text(i + 1 + ". " + requesteddata[i].Naam + ": " + requesteddata[i].Score, 250, 250 + (i * 30))
+    }
+    pop()
+
+    push()
+    stroke(255, 255, 255)
+    strokeWeight(5)
+    fill(0, 255, 0, 0)
+    rect(860, 150, 300, 400)
+    pop()
+
+    push()
+    textSize(50)
+    fill(255, 255, 255)
+    text("Controls", 1000, 200)
+    pop()
+}
+
+function button(r, g, b, buttonX, buttonY, buttonWidth, buttonHeight, buttonText) {
+    push()
+    fill(0, 0, 50)
+    rect(buttonX, buttonY, buttonWidth, buttonHeight)
+    textSize(25)
+    fill(r, g, b)
+    text(buttonText, buttonX + 100, buttonY + 30)
+    textAlign(CENTER);
+    // if (mouseX > buttonX - 90 && mouseX < width / 2 + 110 && mouseY > height / 2 && mouseY < buttonY + 40) {
+    //     if (mouseIsPressed) {
+    //         homescreenOn = false;
+    //     }
+    // }
+    pop()
+}