What I've done:
I created a game from scratch as I haven't seen a game like this before.
I started with the idea of a poor PacMan clone, but upon issues with collision when
there were walls put within the outer walls, I had to make a new game on the top of my head.
This is the reason why my game includes food as it was from when it was going to be PacMan.
Resources/References/Credits
(Check JavaScript comments to see where I used these references)
Close Page function used on the About and Scoreboard pagesUsed for collision detection for individual corners to check the player is in the safe area
Used for getting player input via keypress used to move the player
Used for collision detection between the player and objects (food, badfood and walls)
Used for writing text at game end (win or lose)
Adding colour to text
Used for scoreboard.php for the table and query printing logic
Used the AJAX_form_with_DB.zip from these slides. Used for canvas_game_db function and logic inside and for Scoreboard_insert.php
Game End Sound
Eat Food Sound
Game Win Sound
Background Music
How to use and play audio in JavaScript
How to toggle music with play/pause (used on botton press)
Used to prevent scrolling with arrow keys
I created the help image at the bottom of the page in MS PowerPoint