Smikkelbakje/J1B2-Game-controller
1
0
Fork 0
Code Issues 29 Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
sam
2024-01-19 10:07:07 +01:00
parent a85177efe7 da8dd584bc
commit 02de7af2f2
3 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/documentatie/User Interface.md
View File

@@ -3,8 +3,9 @@
Voor de user interface hebben wij gekozen voor een arcade thema. Hiervoor maken we gebruik van rechte hoeken, neon kleuren en wat trademarks van arcade games zoals 3 letter namen en een highscore lijst. Voor de user interface hebben wij gekozen voor een arcade thema. Hiervoor maken we gebruik van rechte hoeken, neon kleuren en wat trademarks van arcade games zoals 3 letter namen en een highscore lijst.
## kleuren ## kleuren
De kleuren die we gebruiken zijn felle kleuren op een donkere achtergrond, dit heeft 2 redenen: het is makkelijker voor de ogen en het past bij het arcade thema.
## positionering ## positionering
door gebruik te maken van rectMode center kunnen we gebruik maken van dingen als width/4 zodat het op alle schermgroottes mogelijk is. Door gebruik te maken van rectMode(CENTER) en textAllign(CENTER, CENTER) kunnen we de positionering doen gebaseerd op de width en length van het scherm. Hierdoor is de UI semi-responsive en kan het op elke scherm grootte goed worden weergegeven.
##

20
web/game.js
View File

@@ -631,16 +631,16 @@ function bouncing() {
bossPosY += bossVelY; bossPosY += bossVelY;
// Check for bounce // Check for bounce
if (bossPosX > width - 25) { if (bossPosX > width - 25) {
bossVelX = random([-4,-5,-6]); bossVelX = random([-4, -5, -6]);
} }
if (bossPosX < 25) { if (bossPosX < 25) {
bossVelX = random([4,5,6]); bossVelX = random([4, 5, 6]);
} }
if (bossPosY > height - 25) { if (bossPosY > height - 25) {
bossVelY = random([-4,-5,-6]); bossVelY = random([-4, -5, -6]);
} }
if (bossPosY < 25) { if (bossPosY < 25) {
bossVelY = random([4,5,6]); bossVelY = random([4, 5, 6]);
} }
// Draw the boss // Draw the boss
@@ -660,19 +660,19 @@ function game() {
circle(constrain(playerPosX, 0 + radius, width - radius), constrain(playerPosY, 0 + radius, height - radius), playerSize); circle(constrain(playerPosX, 0 + radius, width - radius), constrain(playerPosY, 0 + radius, height - radius), playerSize);
pop(); pop();
movementCheck(); movementCheck();
push();
fill(0, 255, 0);
if (phases[2] == false || phase[3] == false) { if (phases[2] == false || phase[3] == false) {
bouncing(); bouncing();
} else if (phases[2] = true) { } else if (phases[2] = true) {
bossPosX = x2; bossPosX = x2;
bossPosY = y2; bossPosY = y2;
} else{ } else {
bossPosX = width / 2; bossPosX = width / 2;
bossPosY = height / 6; bossPosY = height / 6;
} }
push();
fill(255, 165, 0)
pop(); pop();
if (hasMoved == true) { if (hasMoved == true) {
push(); push();
@@ -712,7 +712,7 @@ function game() {
x5 = map(sinX, -1, 1, playerPosX - 100, playerPosX + 100); x5 = map(sinX, -1, 1, playerPosX - 100, playerPosX + 100);
y5 = map(-cosY, -1, 1, playerPosY - 100, playerPosY + 100); y5 = map(-cosY, -1, 1, playerPosY - 100, playerPosY + 100);
push(); push();
fill(255, 165, 0) fill(0, 255, 0);
circle(x3, y3, 50); circle(x3, y3, 50);
circle(x4, y4, 50); circle(x4, y4, 50);
circle(x5, y5, 50); circle(x5, y5, 50);

9
web/js/Menu.js
View File

@@ -15,7 +15,11 @@ function preload() {
} }
function homescreen() { function homescreen() {
textAlign(CENTER); textAlign(CENTER, CENTER);
textSize(70);
fill(100, 255, 100);
text("Slime\nSymphony", width / 2, height / 4);
button(255, 255, 255, width / 2, height / 2, "Start Game") button(255, 255, 255, width / 2, height / 2, "Start Game")
button(255, 255, 255, width / 2, height / 2 + height / 12, "Scores") button(255, 255, 255, width / 2, height / 2 + height / 12, "Scores")
@@ -58,8 +62,7 @@ function button(r, g, b, buttonX, buttonY, buttonText) {
textSize(25) textSize(25)
fill(r, g, b) fill(r, g, b)
textAlign(CENTER); textAlign(CENTER);
text(buttonText, buttonX, buttonY + buttonHeight / 4) text(buttonText, buttonX, buttonY)
pop() pop()
} }