SkyOffice
SkyOffice copied to clipboard
Immersive virtual office built with Phaser, React, Redux, PeerJS, and Colyseus.
SkyOffice


An immersive virtual office - Winner of 2021 Monte Jade Innovation Competition
- Come try it out - Official Website
- Why we built this - Concept Video
- 🙌 Get latest updates? Follow our Twitter.
- 💕 Love this project? Consider buy me a coffee.
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
- Flexible Screen Sharing
- Multifunctional Rooms
- Text Message Chat
- Custom/Private Rooms
- Embedded Whiteboards
Proximity Chat (distance-based interactive system)
Multifunctional Rooms
Flexible & Immediate Screen Sharing
Text Message Chat (with real time dialog bubbles)
Embedded Whiteboards
Custom/Private Rooms
Controls
-
arrow keys
to move (video chat will start if you are close to someone else) -
E
to sit down -
R
to use computer (for screen sharing) -
Enter
to open chat -
ESC
to close chat
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
Credits 🎉
Big thanks to this great repo - ourcade/phaser3-typescript-parcel-template
Big thanks to pixel artist - LimeZu
License
This project is licensed under MIT.
If you're using SkyOffice to power your virtual office or using our code in other projects, please consider buy me a coffee. Thank you :)