Immersive virtual office built with Phaser And React
SkyOffice
An immersive remote-working platform - Winner of 2021 Monte Jade Innovation Competition
SkyOffice works on all PC browsers (mobile browsers are currently not supported)
Built with
- Phaser3 - Game Engine
- Colyseus - WebSocket-based Server Framework
- React/Redux - Front-end Framework
- PeerJS - WebRTC for Video/screen sharing
- TypeScript and ES6 - for both client and server sides
Features
Proximity Chat (distance-based interactive system)
Multifunctional Rooms
Flexible & Immediate Screen Sharing
Controls
arrow keys
to move (video chat will start if you are close to someone else)E
to sit downR
to use computer (for screen sharing)
Prerequisites
You'll need Node.js, npm installed.
Getting Started
Clone this repository to your local machine:
git clone https://github.com/kevinshen56714/SkyOffice.git
This will create a folder named SkyOffice
. You can specify a different folder name like this:
git clone https://github.com/kevinshen56714/SkyOffice.git my-folder-name
To start a server, go into the project folder and install dependencies/run start command:
cd SkyOffice or 'my-folder-name'
npm install && npm run start
To start a client, go into the client folder and install dependencies/run start command:
cd SkyOffice/client or 'my-folder-name/client'
npm install && npm run start
License
MIT License