Level Up Your Learning
RPGLMS is Surrealdente's flagship product: a learning management system where a course is a campaign, a module is a path, and an assessment is an investigation the learner reports back on. It is the fullest expression of our work — the place where the research, the design system, and the animation work all land in one product.
The Pedagogy Underneath
Most "gamified" learning tools bolt points and badges onto an unchanged course shell. RPGLMS starts from the curriculum design instead: the game structure is the instructional structure, so the thing a learner finds motivating and the thing that teaches them are the same thing.
Cohorts work through campaigns as a party. Content nodes gate on prerequisites, so sequencing is enforced by the map rather than by a syllabus nobody reads. Assessment runs as an investigation-and-report loop — learners gather, decide, and defend, which produces evidence of reasoning rather than of recall.
The design comes out of doctoral work in curriculum and instruction and a published research record in gamified intervention design and K-12 online learning. The research record is here.
AI-Assisted Authoring
Narrative curriculum is expensive to write, which is the practical reason most courses aren't. RPGLMS closes that gap: an instructor supplies the standards, the setting, and the cast, and the pipeline drafts the campaign, the paths, the encounters, and the assessments inside that frame.
The author stays in the loop at every step — nothing publishes without review, and generated content is bound to the curriculum map rather than free-associating away from it. The result is that one teacher can produce a term of story-driven material instead of a week of it.
The Animation System
Every character, creature, and die in RPGLMS is a Rive artboard driven by runtime data binding, not a sprite sheet — so a learner's avatar reflects their unlocks immediately, and the same asset renders identically in the Flutter app and on the web.
Avatars
Learner characters with independently swappable hair, hair color, skin tone, armor, and helmet, plus expression and action states — attack, wave, celebrate. Every cosmetic is an unlock, so progression is visible on the character rather than buried in a stats page.
Mobs and encounters
Bosses and creatures with appear, hit, cast, and death states, recolorable per encounter. Assessment failure has a consequence you can watch, which is a different experience from a red X.
Dice and chrome
A painted polyhedral dice set — d4 through d20 — used throughout the interface as icons, loaders, and navigation affordances. The same shapes carry the nav on this site.
How It's Built
One design system spans everything. The seven-shade palette, the component variants, and the typography contract are defined once in Flutter and mirrored in CSS, which is why the app, rpglms.com, and this page look like the same product.
- App
- Flutter (iOS, Android, web)
- Backend
- Serverpod (Dart)
- Marketing sites
- Astro, static output, zero JS by default
- Animation
- Rive, with runtime data binding
- Design system
- Seven-shade palette mirrored between Flutter and CSS
See It Running
The demo runs the real app against mock data — a quiz, an investigation node, and a campaign boss fight, no account required. The documentation covers the authoring side for instructors.