We created an online single- and multiplayer game where you control your player using your smartphone (iOS not supported).
The project was created in a course of six weeks during the module Studio Web and Mobile Design and Engineering 2.
Open this on a Desktop (preferably Chrome): https://thefasterone.herokuapp.com/
Scan the QR-Code with up to four Android mobile devices (not more than four).
The core concept and design was created in Figma by two UX / UI Designers in their module Studio UX Design 2.
Alongside the design and development process one of our team members conducted UX-Research. Find all the insights from the UX-Research here.
We used Vue.js with Nuxt3.js as Frameworks. For the socket connection we used the socket.io library. To read the gyroscope data we used the VueUse library.
The deployment runs via Heroku.
Start
Arena View One
Arena View Two
Game Over
Phone View
Make sure to install the dependencies
npm install
Start the development server on http://localhost:3000
npm run dev -- -o
Build the application for production:
npm run build