Die Evolution von dndai.app

Eine Reise von Traum, Innovation und Resilienz

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

--

titelbild von der wesbite dndai.app
Titelbild von dndai.app

Es war einmal: Der Traum eines Entwicklers

Vor etwa anderthalb Jahren stieß ein leidenschaftlicher Entwickler (Ich!) bei seiner Arbeit für eine Marketingfirma auf die bahnbrechende Technologie von OpenAI. Fasziniert und inspiriert begab ich mich auf eine Reise der Erkundung und Schöpfung.

Bescheidene Anfänge: Die ersten Experimente

Mein erstes Projekt war eine lokale Demo, die LinkedIn-Artikel generieren und mit minimalem Aufwand gepostet werden konnten. Erstaunlicherweise dauerte es nur einen Tag, dies zu erstellen. Ermutigt durch diesen Erfolg entwickelte ich dann einen „Fake News Generator“, der die Technologie von OpenAI nutzte, um Artikel zu fabrizieren, komplett mit generierten Benutzerkommentaren. Die Stimmung der Kommentare konnte über einen Schieberegler angepasst werden, was eine unheimliche Mischung aus positiven und negativen Rückmeldungen erzeugte. Dieses Projekt war sowohl faszinierend als auch alarmierend.

Geburt eines Gamer-Traums: Der Aufstieg von dndai.app

Als leidenschaftlicher Gamer, der Kreativität liebt, wollte ich etwas bauen, das mir wirklich Spaß macht. Die Idee war einfach, aber ehrgeizig: Neueste Ki Technologien zu nutzen, um Spieler durch eine dynamisch erstellte Spielwelt zu führen. Innerhalb einer Woche hatte ich einen Prototypen fertig, der meine Freunde in Erstaunen versetzte.

Die Entstehung: Vom Prototyp zur Öffentlichkeit

Die erste Version ermöglichte es den Benutzern, ein Questziel einzugeben, eine Umgebung auszuwählen, einen Begleiter zu wählen, den Begleiter zu benennen und den Bildstil zu bestimmen. Die KI spann dann eine Geschichte und generierte Bilder in Echtzeit. Die Spieler navigierten durch die Erzählung mit Texteingaben, was einen fesselnden Start für das darstellte, was später dndai.app werden sollte.

Very first version of dndai.app showing a very simple local prototype
Aller erste lokale Version von dndai.app

Online gehen: Ein breiteres Publikum ansprechen (Version 2)

Angetrieben durch positives Feedback entschied ich mich, eine Version zu erstellen, die überall gespielt werden konnte, ohne lokale Installationen. Die erste Online-Version führte einen Würfelmechanismus (mit einem D20) für komplexere Ergebnisse ein, was eine Schicht von Unvorhersehbarkeit und Aufregung hinzufügte. Benutzer konnten ein Spiel spielen, bei dem sie zuerst ihre Namen, Klassen, Rassen und Fähigkeitswerte auswählen und sich auf KI-Abenteuer begeben konnten.

2nd version of dndai.app showing the game with UI looking like from the 90’s and having pacman as loading screen.
2te Version und erste online Version von dndai.app

Von Fehlern zu Glanzlichtern: Die UI/UX-Überarbeitung

Trotz des Erfolgs zeigte das Feedback, dass das Design und die Benutzererfahrung (UX) der Seite erhebliche Verbesserungen benötigten. Das Erscheinungsbild und der Ablauf der Seite mussten gestrafft werden, um nicht unzuverlässig oder wie ein Betrug zu wirken. Hier kam Aimen ins Spiel, eine talentierte Frontend-Entwicklerin, die sich auf 3D-Animationen spezialisiert hat und sich mir anschloss, um die App neu zu gestalten.

Picture of Aimen the Frontend Expert
Aimen | Frontend-Experte | 3D-Animationen @dndai.app

Wir erkannten jedoch schnell, dass wir beide Entwickler im Herzen und keine Designer waren. Trotz unserer unermüdlichen Bemühungen war unsere dritte Veröffentlichung eine überstimulierende Katastrophe, die das Spielerlebnis nicht verbesserte. Die Benutzer fanden es schwierig, das Spiel zu navigieren und zu genießen.

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

Ein Glücksfall: Zusammenarbeit mit dem Design-Maestro

Auf einer Geburtstagsfeier eines Freundes traf ich Lucas, einen erfahrenen UX/UI-Designer mit über 10 Jahren Erfahrung. Nach nur einem einstündigen Gespräch verstanden wir uns und begannen bald zusammenzuarbeiten. Lucas gestaltete akribisch einen neuen Website-Ablauf und erstellte zahlreiche Benutzerstories, um sicherzustellen, dass die Plattform angenehm und intuitiv war.

Portrait of Lucas the UX design expert from dndai.app
Lucas | Experte für UX/UI | Design @dndai.app

Mit Fortschritten in der KI-Technologie verbesserten wir das Spiel, wodurch es kreativer und fesselnder wurde. Nach fünf Monaten harter Arbeit von uns dreien wurde die vierte und aktuelle Version von dndai.app geboren, die es erlaubt viele verschiedene, individuelle Charaktere zu erstellen. Die Charaktere der Spieler entwickeln sich nun im Laufe des Spiels weiter, mit aktualisierten Erscheinungsbildern, Stats, Zaubern, Inventar und mehr.

an image of the character create screen from dndai.app
Erstelle deinen eigenen einzigartigen Charakter auf dndai.app
small video about the character overview and its functionallieties
Charakterübersicht auf dndai.app

Plattform für Kreativität: Benutzererstellte Kampagnen

Die neueste Iteration ermöglicht es den Benutzern nicht nur zu spielen, sondern auch ihre eigenen Kampagnen zu erstellen und zu veröffentlichen. Spieler können Kampagnen, die von anderen entworfen wurden, liken, kommentieren und sich mit ihnen auseinandersetzen, was eine lebendige Gemeinschaft von Schöpfern und Gamern fördert.

Shows the create your own campaign screen, where users can put in whatever they want and more
Erstelle deine eigene einzigartige Story auf dndai.app
Campaign details of a campaign which is playable on dndai.app
Detailansicht für eine Kampagne die man Spielen kann auf dndai.app

Das Spiel

Wir kehrten zu einem Fokus auf Einfachheit im Gameplay zurück, um sicherzustellen, dass es ein angenehmes Lese- und Spielerlebnis bleibt. Verbesserte Würfelwurf-Animationen und modernste Text-to-Speech-Optionen wurden hinzugefügt, um die Immersion zu erhöhen.

Video of the gameplay on dndai.app
Gameplay auf dndai.app (sieht wegen der Aufnahme leider etwas fehlerhaft aus)

Blick in die Zukunft: Endlose Möglichkeiten

Derzeit verfeinern wir das Spiel, beheben Fehler und sammeln Benutzerfeedback, um kontinuierliche Verbesserungen vorzunehmen. Zukünftige Updates werden mehrsprachige Unterstützung, Multiplayer-Funktionen und vieles mehr bieten.

Portrait of the founder
Alex | Gründer | Entwickler @dndai.app

Stay tuned für weitere spannende Neuigkeiten und Updates! Alex vom dndai.app-Team.

--

--