Experience Dresden

Interaktive Spiele- und Rätselentwicklung für immersive Escape Rooms

📅 2017 - 2023🔄 abgeschlossen📄 Proprietary

Über das Projekt

Entwicklung diverser interaktiver webbasierter Rätsel, Spiele und Herausforderungen für Escape Room und interaktive Unterhaltungserlebnisse. Das Projekt umfasst ein breites Spektrum an Technologien - von graphenbasierten Hexagon-Puzzlespielen über Text- und Video Quests

Über mehrere Jahre hinweg entwickelte ich im Auftrag von Experience Dresden eine Suite interaktiver Spiele und Rätsel für immersive Escape Abendteuer. Die Arbeit erforderte die Entwicklung ansprechender, browserbasierter Rätsel, die logisches Denken, technische Gegebenheiten und kreatives Problemlösen ins Storytelling einbinden. Jedes Spiel wurde als eigenständige Webanwendung konzipiert und läuft auf Raspberry Pis. Die Projekte reichen von graphenbasierten Wegfindungs-Puzzles mit hexagonalen Gittern über realistische Email-Simulationen. Besonderes Augenmerk lag auf der Entwicklung intuitiver Benutzer- oberflächen, die Spieler ohne explizite Anweisungen durch Rätsel führen. Technisch kamen sowohl moderne React/TypeScript-Stacks als auch funktionale Clojure/ ClojureScript-Architekturen zum Einsatz. Für Backend-Services wurde unter anderem Python mit GraphQL verwendet.

Technologien

frontend

React 16/18TypeScriptJavaScriptClojureScriptViteCreate React AppShadow-CLJSSemantic UI ReactMaterial-UIZustandRedux / Redux ThunkApollo ClientReact Routeri18next / react-i18next

backend

Python 3.8+ClojureGraphQL (Ariadne)UvicornStarletteTornadoRingCompojure

frameworks libraries

Fulcro (ClojureScript React Framework)Re-frameReagentVideo.jsHighlight.jsReact Grid Layout@visx/responsive

algorithms data

Graph AlgorithmsHexagonal Grid MathematicsPathfinding AlgorithmsCustom Data StructuresIMAP Protocol

build tools

ViteShadow-CLJSLeiningendeps.ednnpm / yarn / pnpmDocker

Architektur

Collection of independent web applications, each implementing specific challenges with diverse technology stacks

main applications

  • Virus Hexagon Game: Graph-based pathfinding puzzle with hexagonal grid, TypeScript/React/Zustand
  • Email Quest Challenge: Realistic email client simulation, React/Material-UI/Apollo GraphQL/Python Backend
  • Video Search Quest: Full-stack video search application, ClojureScript/Fulcro/Video.js
  • Text Search Challenge: Wikipedia-based text search interface, React/Semantic UI

common patterns

  • JSON-based configuration and level data storage
  • LocalStorage for game state persistence
  • Component-based architecture across all applications
  • i18next for multilingual content management
  • Responsive grid layouts for various screen sizes
  • Editor/Player mode separation for content creation

backend services

  • GraphQL Email Service: Ariadne-based service with IMAP integration
  • Python Backend: Tornado-based services for real-time data processing
  • Clojure Backend: Ring/Compojure API server for video search

Kenntnisse & Fähigkeiten

Interactive Game Development
Puzzle Design & Implementation
React & TypeScript Development
Clojure & ClojureScript
Functional Programming
Graph Theory & Algorithms
Hexagonal Grid Mathematics
State Management (Redux, Zustand)
GraphQL API Development
Python Backend Development
Full-Stack Development
Internationalization (i18n)
UI/UX for Interactive Experiences
Video Integration & Processing
Email Protocol Integration (IMAP)
Level Editor Development
Performance Optimization

Anwendungsfälle

  • Interactive escape room puzzles
  • Team-based problem-solving challenges
  • Educational interactive games

Besonderheiten

Custom Game Mechanics

Jede Challenge implementiert unique Interaktionsmuster und Regelsysteme

Full-Stack Expertise

Komplette Anwendungen vom Frontend UI zu Backend Services und Datenverarbeitung

Mathematical Precision

Komplexe Graphalgorithmen und hexagonale Grid-Mathematik für Puzzle-Generierung

Production Quality

Robuste, getestete Anwendungen für Echtzeit-Entertainment unter Zeitdruck

Einsatz

  • Production deployment in Escape Room Venues
  • Standalone web applications on local servers
  • Static builds for offline environments
  • Docker containerized services for backend components