Interactive Demos

A comprehensive content management system designed for tabletop RPG creators, featuring AI-powered content generation, collaborative editing, and rich media management. The system integrates Azure OpenAI for intelligent content suggestions and supports structured wiki-style documentation.

Key Features

• AI-Assisted Content Generation: Leverages Azure OpenAI to generate campaign content, NPC backstories, location descriptions, and encounter ideas with context-aware prompts
• Rich Text Editor Integration: Custom editor built on modern web technologies with real-time collaboration support and Markdown export capabilities
• Image Management System: Upload, tag, and organize campaign artwork with automatic thumbnail generation and CDN distribution
• Cross-Referencing & Linking: Automatic wiki-style linking between campaign elements, maintaining referential integrity across content updates
• Session Dashboard: Manage information visible to the GM during sessions, with quick access to relevant content

Technical Stack

Architecture Highlights

• Modulithic architecture with clear separation of concerns between content management, AI integration, and media handling
• OAuth 2.0 for secure authentication and authorization in Live Instance (disabled in Demo)
• AI content generation with context-aware prompts and dynamic response handling for coherent content creation

A real-time lighting control and visualization system designed for tabletop gaming sessions. Synchronizes smart lighting with game events, provides scene presets for different encounter types, and includes a web-based preview interface for game masters to orchestrate atmospheric lighting effects.

Key Features

• Real-Time Control: Sub-second response times for lighting changes synchronized to game events and music cues
• Scene Presets: Pre-configured lighting scenarios for combat, exploration, social encounters, and dramatic moments
• Web Preview Interface: Browser-based control panel with live lighting preview and scene management
• Smart Device Integration: Automate Philips Hue configuration and control
• Auxiliary Screen Control: Add images and videos to auxiliary screens or show additional content for deeper immersion

Technical Stack

Architecture Highlights

• WebSocket-based real-time communication for instant lighting updates across all connected clients
• Modular scene management system allowing for easy addition of new lighting presets and effects
• Integration with Philips Hue API for seamless smart lighting control
• Synchronized effect playback via websockets

Use Cases

• Synchronize lighting with background music and sound effects for immersive gameplay
• Create tension during combat encounters with dynamic red/orange lighting
• Simulate time-of-day changes during long exploration sequences
• Play effects with auxiliary screens, sound, and lighting for immersive experiences