ARCADE

Arcade it is a fun station project for anyone interested in making boredom go away. Besides that it is a inclusive project that assist persons with disabilities with movement controls and voice commands. There are two games, you could play.

• Stars and Bombs (you can play, solo, cooperative with other person or against AI)
• And a Star Trek Multiplayer game that you have to use the warp speed to get to the next solar system first, divided in to teams.

Splash Screen

Menu Screen

HighScores

Instructions

Small Screens

Star Trek Multiplayer

Technology

We're using a Postgresql as database server to store our tables with users, games, scores and modes of games. A back-end server using express to put our queries at disposal and at the same time taking care to our multiplayer sessions with websockets. At the front-end we have a single page rendered by React and the game we use the Phaser API. The movements and voice commands are assisted by jstracking and annyang libraries.

Dependencies

Arcade has actually several dependencies of open source projects to work properly. Instructions on how to use them in your own application are linked below.

Dependecies	README
Node.js	[https://nodejs.org/en/docs/]
Express	[http://expressjs.com/en/starter/installing.html]
socket.io	[https://socket.io/docs/v3?msclkid=a7ff0abbafc811ecb2d4ba8f0cc21da7]
postgresql	[https://www.postgresql.org/docs/?msclkid=f77c41fbafc811eca6b9b5334bf5e650]
Axios	[https://axios-http.com/docs/intro?msclkid=04249448afc911ecb12507a3ce66a86a]
React	[https://reactjs.org/docs/getting-started.html?msclkid=10e1d700afc911ec80caaf1ec15a7fcc]
Annyang	[https://annyang.readthedocs.io/_/downloads/en/stable/pdf/?msclkid=1b91d38fafc911ec87c3f04e4fe8e6c9]
jstracking	[https://trackingjs.com/docs.html?msclkid=2ba6b3fbafc911ecbf898861c4f21c52]
phaser	[http://phaser.io/docs/2.6.2/index]
viewports	[http://sassbreak.com/viewport-relative-headings-with-sass/?msclkid=5c13cee0afc911ecb08954a1ee5789c0]

Running the projects

You need TWO terminal windows/tabs for this (or some other plan for running two Node processes).

In one terminal, cd into react-front-end. Run npm install or yarn to install the dependencies. Then run npm start or yarn start, and go to localhost:3000 in your browser.

In the other terminal, cd into express-back-end. Run npm install or yarn to install the dependencies, then npm start or yarn start to launch the server.

In the browser, you can click on the button and see the data get loaded.

In the back-end there are instructions how to set the database in readmeteam.md