NeoSaga

NeoSaga is an all-in-one XR gaming platform that brings AR and WebXR experiences together in a single seamless hub. Users can access high-quality AR lenses powered by Snap Camera Kit and browser-based WebXR games without downloading anything. Each game or AR lens is unlocked through a simple one-time fee, giving players permanent ownership via the Saga blockchain. With secure licensing, real-time ownership verification, Keplr wallet purchases, and Privy authentication, NeoSaga blends cutting-edge AR technology with trustless digital ownership. The platform is designed mobile-first, offering smooth camera controls, XR-optimized UI, and a unified marketplace where users can browse, purchase, and launch immersive experiences all in one place. NeoSaga is the future of on-chain XR gaming—accessible, secure, and truly cross-reality.

NeoSaga is built as a fully modular XR platform combining modern web frameworks, Snap AR technology, and on-chain licensing via the Saga blockchain. The frontend is built in React 18 with Vite for fast dev builds, Tailwind for styling, shadcn/ui for components, Wouter for lightweight routing, and TanStack Query for client/server synchronization. AR lenses run through Snap Camera Kit, which streams camera frames, applies Lens Studio–authored effects, and outputs real-time AR rendering directly in the browser. WebXR games are loaded through a fullscreen iframe-based player optimized for mobile performance.

The backend is an Express.js server running a Neon-hosted Postgres database, with Drizzle ORM managing type-safe queries and schema migrations. User authentication is handled through Privy, enabling seamless login via email, Google, or wallet. For blockchain integration, the platform connects to the Saga Chainlet using ethers.js and Keplr wallet for transaction signing. Each AR lens or WebXR game maps to an on-chain “game entity” in the GameLicensing smart contract, which verifies ownership in real time before launching content.

One hacky but effective part was integrating Snap Camera Kit with our purchase gating: the client checks blockchain ownership first, then initializes the AR session only if the contract validates the license. Another tricky part was optimizing camera performance on mobile—requiring a custom Canvas API bridge to avoid frame drops when switching between AR lenses and WebXR. Overall, the combination of Snap, Saga, Privy, and Neon allowed us to build a fast, secure, and fully on-chain XR marketplace.