An immersive virtual office - Winner of 2021 Monte Jade Innovation Competition
- Come try it out - Official Website
- Why we built this - Concept Video
SkyOffice works on all PC browsers (mobile browsers are currently not supported)
SkyOffice is constantly improving, follow our Twitter to get latest updates
- 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
- Proximity Chat
- Flexible Screen Sharing
- Multifunctional Rooms
- Text Message Chat
- Custom/Private Rooms (NEW)
- Embedded Whiteboards (NEW)
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)Enter
to open chatESC
to close chat
You'll need Node.js, npm installed.
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
Big thanks to this great repo - ourcade/phaser3-typescript-parcel-template
Big thanks to pixel artist - LimeZu