Neon City

Client: MetaWorld Inc
Year: 2024
Tech Stack:
MetaverseWebGLWebAssemblySocket.ioReal-time
Neon City

The Challenge

MetaWorld Inc wanted to create an immersive metaverse experience accessible to anyone without requiring downloads or high-end hardware. The challenge was rendering complex 3D environments in browsers while maintaining smooth performance, supporting thousands of concurrent users in shared spaces, and implementing blockchain-based access controls without compromising user experience.

The Solution

We built a browser-first metaverse using WebGL and WebAssembly for near-native performance. The rendering engine uses level-of-detail (LOD) optimization and progressive asset streaming to load environments efficiently. For real-time multiplayer, we implemented a custom WebSocket server with spatial partitioning to handle 5,000+ concurrent users per instance. Token-gating is handled client-side with instant verification, and avatars use procedural generation to reduce bandwidth. The entire experience loads in under 3 seconds on average connections.

Results

Neon City achieved 2M+ monthly active users with 60% returning weekly. The platform successfully hosted events with 8,000+ simultaneous participants without performance degradation. Average session duration increased to 45 minutes, and user retention improved by 200% compared to traditional metaverse platforms. The browser-based approach eliminated installation friction, resulting in 10x higher conversion rates.

Technology Stack

Frontend

ReactWebGLThree.jsWebAssemblyTypeScript

Backend

Node.jsSocket.ioPostgreSQLRedisWebRTC

Blockchain

EthereumWeb3.jsIPFS

Infrastructure

AWSCloudFrontS3DockerKubernetes

Gallery

Neon City screenshot 1
Neon City screenshot 2

Project Link

Explore the live application or view the source code repositories.

Visit Site