The Evolution of dndai.app

A Journey of Dream, Innovation, and Resilience

dndai.app
dndai.app
4 min readAug 13, 2024

--

background image of dndai.app

Once Upon a Time: A Developer’s Dream

Around a year and a half ago, a passionate developer (that’s me!) working for a marketing company stumbled upon the groundbreaking technology introduced by OpenAI. Intrigued and inspired, I set off on a journey of exploration and creation.

Humble Beginnings: The First Experiments

My first project was a local demo that could generate LinkedIn articles and post them with minimal user input. Amazingly, this took only one day to create. Encouraged by this success, I then developed a “fake news generator,” which used OpenAI’s tech to fabricate articles complete with generated user comments. The comment’s sentiment could be adjusted via a slider, creating an eerie blend of positive and negative feedback. This project was both fascinating and alarming.

Birth of a Gamer’s Dream: The Dawn of dndai.app

As a gamer at heart who loves creativity, I sought to build something I’d genuinely enjoy. The idea was simple yet ambitious: use language models to guide players through a dynamically created game world. Within a week, I had a prototype ready for testing, much to my friends’ amazement.

The Inception: Prototype to Public

The first version allowed users to input a quest goal, select a setting, choose a companion, name the companion, and decide on the image style. The AI then spun a story and generated images on the fly. Players navigated the narrative with text inputs, marking an engaging start to what would become dndai.app.

Very first version of dndai.app showing a very simple local prototype
Very First Local Version of dndai.app

Going Online: Engaging a Broader Audience (Version 2)

Fueled by positive feedback, I decided to create a version that could be played anywhere, without local installations. The first online version introduced a dice roll mechanism (using a D20) for more complex outcomes, adding a layer of unpredictability and excitement. Users could create a game where they first had to select their names, classes, races, and ability scores and embark on AI adventures.

2nd version of dndai.app showing the game with UI looking like from the 90’s and having pacman as loading screen.
2nd Version and First Online Version of dndai.app

From Glitches to Glimmers: The UI/UX Overhaul

Despite the success, feedback indicated that the site’s design and user experience (UX) required significant improvements. The site’s appearance and flow needed to be streamlined to avoid coming off as untrustworthy or scam-like. Enter Aimen, a talented frontend developer proficient in 3D animations, who joined me to redesign the app.

Picture of Aimen the Frontend Expert
Aimen | Frontend expert | 3D animations @dndai.app

However, we quickly realized that we were both developers at heart and not designers. Despite our relentless efforts, our third release was an overstimulating, UX-nightmare that failed to improve the gameplay experience. Users found it difficult to navigate and enjoy the game.

3rd Version of dndai.app. Very buggy UI, a real nightmare.
Version 3 of dndai.app

A Stroke of Luck: Collaborating with a Design Maestro

During a friend’s birthday party, I met Lucas, a seasoned UX/UI designer with over 10 years of experience. After only an hour-long conversation, we clicked and soon began collaborating. Lucas meticulously crafted a new website flow, creating numerous user stories to ensure the platform was enjoyable and intuitive.

Portrait of Lucas the UX design expert from dndai.app
Lucas |expert in UX/UI | Design @dndai.app

With advancements in AI technology, we enhanced the game’s capabilities, making it more creative and engaging. After five months of hard work, from the three of us, the fourth and current version of dndai.app was born, featuring multi-character creatiom and dynamic progression. Players’ characters now evolve through gameplay with updated appearances, stats, spells, items, and more.

an image of the character create screen from dndai.app
Create your own unique Character on dndai.app
small video about the character overview and its functionallieties
Character Overview on dndai.app

Platforms for Creativity: User-Created Campaigns

The latest iteration allows users not only to play but also to create and publish their own campaigns. Players can like, comment, and engage with campaigns designed by others, fostering a vibrant community of creators and gamers.

Shows the create your own campaign screen, where users can put in whatever they want and more
Make your ideas to a game on dndai.app
Campaign details of a campaign which is playable on dndai.app
Campaign Details on dndai.app

The Gaming Experience

We returned to a focus on simplicity for the gameplay, ensuring it remained a pleasant reading and playing experience. Enhanced dice roll animations and state-of-the-art text-to-speech options were added to increase immersion.

Video of the gameplay on dndai.app
Gameplay on dndai.app (looks little buggy because of gif)

Looking Forward: Endless Possibilities

Currently, we are fine-tuning the game, squashing bugs, and gathering user feedback to make continuous improvements. Future updates will include multilingual support, multiplayer capabilities, and much more.

Portrait of the founder
Alex | Founder | Developer @dndai.app

Stay tuned for more exciting News and Updates !
Alex from the dndai.app Team.

--

--