Websockets Real-Time Mobile Game Quiz

To Do

• Setting up Server ✔
• Setting up Client
• Allow only 2 players to play at once
• Setting up game-level ✔
• Setting up Database
• Store something in Database
• add Player ✔
• able to move player through level with collision detection and physics ✔
• make Player a stick figure with all animations, moving right,left,jumping,hitting

Introduction

This exercise should be a funny way of preparing for our semester exam. It will bring together most of the topics we covered in the first semester. Work on it seriously and you can be sure that you will master the upcoming exam.

Requirements

You job is to build a simple mobile game for two players. Each player uses her own mobile device. The game has to cover the following, technical aspects:

• The logic is written in TypeScript.

• The frontend uses HTML5 and CSS.

• The frontend runs in a mobile browser (Android and/or iOS)

• The backend uses Node.js.

• The communication between frontend and backend uses HTTP and Websockets.

• The game stores something (e.g. highscore list) persistently on disk.

Project Organization

• You check in your code in GitHub

• You plan your work using GitHub Projects

• You document your concepts using GitHub Wikis

Update your GitHub project frequently! I will monitor your projects and give feedback. In case of question, create a GitHub issue.

Hints

• You don't have an idea for your game? Here are some examples for simple games:

  • Pong
  • Any kind of simple, 2D space shooter
  • Connect Four
  • Battleships
  • 2-player Hangman

• If you want to integrate touch events in your game, read about touch events on MDN.

• If you need graphics for your game, consider the following options:

  • Simple: Use the DOM (e.g. images, filled divs with background color, etc.)
  • Intermediate: Use SVG for more advanced graphics (consider using SnapSVG for working with SVG in TypeScript, see also SnapSVG examples)
  • Complex and powerful: Do you want to go really deep? Consider using HTML5 Canvas or a gaming engine like phaser.io