The result
2023 webpublishing course work
Below is a game I designed and coded early 2023 in StadinAO media-school. The game game's main functionality is made in JavaScript and other features are made in HTML & CSS. In the game you play as a lost Knight on an adventure to find his way back home.
Console troubleshooting
During the development of the game it was necessary to test the game's functionality in a console.
JavaScript coding
A snippet of the game's code. I coded the game's main functionality in JavaScript.
Adventure Game
JavaScript coding
Here is a snippet of the game's code. It is an example of some of the JavaScript coding which the game's main functionality, interface functionality and gameplay was written on. The variables you can see on the picture (LAND, HOUSE etc.) are basing the code on HTML and graphics made on illustrator. The map variable makes up the game's map (with land, boss, treasure objects etc.) and the gameObjects makes up the player controlled unit and the two Wizard bosses. The game's code is fully local and runs on the users browser.
Console debugging
Here's an image of Google Chrome's console. During the development it was necessary to test the game's functionality in a browser's console. In the image you can see the keystrokes sent by the game's code to the browser's console. The ArrowUp, Right, Down and Left commands on the console come from the JS code when pressing the arrow keys on the keyboard. The numbers below them are related to random variables that make the game's enemy NPC Wizards move.
The final product
An image of the final version of the game.
The graphics of the game were done in Adobe Illustrator™ and the game itself was coded in Adobe Xd™ in CSS, HTML and it's functionality was coded in JavaScript. The game functions completely in the web-browser.
Click the links below