parag / SkyOffice

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

SkyOffice works on all PC browsers (mobile browsers are currently not supported)

SkyOffice is constantly improving, follow our Twitter to get latest updates

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 (NEW)
• Embedded Whiteboards (NEW)

Embedded Whiteboards (NEW)

Custom/Private Rooms (NEW)

Proximity Chat (distance-based interactive system)

Multifunctional Rooms

Flexible & Immediate Screen Sharing

Text Message Chat (with real time dialog bubbles)

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

MIT License