A collection of games to play in a web browser. See the full list of games in the games.md file.
Clone the repo, install npm dependencies, and start the server:
$ git clone [email protected]:GuildCrafts/browser-games.git
$ cd browser-games
$ npm install
...
$ npm start
...
Starting up http-server, serving ./public
Available on:
http://127.0.0.1:4321
http://10.0.1.11:4321
Then open http://localhost:4321/
in your browser of choice and play away!
This goal will likely be within your ZPD if you...
- Can build basic web sites with HTML & CSS
- Can add behavior to a web site with JavaScript
- Are familiar with DOM manipulation
- Are familiar with platform-based games
- Are interested in making more complex interactive web pages
Implement a simple platform ("run and jump") game with HTML, CSS, and JavaScript.
Follow this tutorial from Eloquent JavaScript.
Fork the the browser-games repository and use the fork as your project artifact.
Implement the Platform game from the list in the games.md file.
This goal will challenge your ability to take a formal, defined system from the real world and replicate it in code. You will start with all of the logic of the system (the rules of the game) and most of the UI already designed.
Your work will be mainly in deciding how to replicate that formal logic and user interface using only JavaScript, HTML, and CSS.
- Artifact produced is a fork of the browser-games repo.
- Variables, functions, files, etc. have appropriate and meaningful names.
- HTML, CSS, and JS files are well formatted with proper spacing and indentation.
- There is a clear separation of game logic code from view/rendering code.
- All major features are added via pull requests with a clear description and concise commit messages.
- The artifact produced is properly licensed, preferably with the MIT license.
- Game can be found at
public/platform.html
- Game is playable by one player
- Game follows rules established in tutorial
- Game page is linked from
public/index.html
Design and build your own platform-like game. What else can you build with the techniques you came up with in building the Generic Platform Game?
- Game has its own HTML, CSS, and JS
- Game is playable
- Game page is linked from
public/index.html
- MDN: Introduction to the DOM #html #dom #js
- MDN: Guide to Event Handlers #dom #js
- Shay Howe: Learn to Code HTML & CSS #html #css
- Tutorial: Project: A Platform Game #js #html #dom