OrbitOne

About the project

A 2D metaverse platform that recreates the experience of Gather, allowing users to connect with multiple people through WebSockets and communicate in virtual spaces.

Users can create custom avatars and choose from multiple interactive maps, each featuring unique environments and collision detection for realistic movement.

The platform supports real-time connections for five or more concurrent users in a single server, showcasing the power of WebSocket technology for multiplayer experiences.

Maps are designed using Tiled Map Creator and rendered with PixiJS, a powerful 2D game engine for web-based JavaScript games with smooth performance.

The project includes features like custom spaces, collision systems for specific objects, and an immersive canvas-based environment for social interaction.

Created as a learning project to deeply understand WebSocket architecture and real-time communication patterns in multiplayer applications.

A foundation for exploring future additions like WebRTC video conferencing, additional user sprites, and expanded map collections for diverse virtual experiences.

Built with

TypeScript · WebSockets · PixiJS · Node.js · Express · Tiled Map Creator · Docker · TailwindCSS · GitHub Actions