Erstellung interaktiver Webspiele mit KI
A course by Ramón IborraBerater und Dozent für Generative Künstliche Intelligenz
A course by Ramón Iborra, Berater und Dozent für Generative Künstliche Intelligenz
Erstelle interaktive Web-Minispiele mit KI über Lovable, geteilte Charaktere, Bestenlisten, Veröffentlichung im Browser
Lernen Sie, eine kleine webbasierte Arcade mit generativer KI zu bauen – ganz ohne tiefes Programmierwissen. Im Kurs erstellen Sie mehrere verbundene Minispiele mit einheitlichem Stil, entwickelt mit Lovable als Hauptwerkzeug.
Sie beschreiben Thema, Figuren, Grafiken, Interface und Regeln in natürlicher Sprache, und die KI erzeugt spielbare Prototypen direkt im Browser. Sie beginnen mit einem Flappy‑ähnlichen Spiel, passen Schwierigkeit, Kollisionen, Feedback und Layout an und nutzen diese Grundlage anschließend für Spiele wie Tetris oder Snake.
Außerdem erfahren Sie, wie Sie Lovable mit Diensten wie Supabase verbinden, um Nutzer, Punkte und Ranglisten zu verwalten, sodass aus kleinen Prototypen eine funktionierende Plattform wird. Zum Schluss bereiten Sie Ihre Arcade für die Veröffentlichung vor, damit andere online spielen können.
Der Kurs richtet sich an Kreative, Designer, Lehrkräfte und Webentwickler, die Game‑Design, Interface‑Design und KI kombinieren möchten, um Minispiele schnell im Browser umzusetzen.
Was lernst du in diesem Onlinekurs?
7 Lektionen & 4 Downloads
Das erste Grundspiel erstellen
8 Minuten, 46 Sekunden
Ein zweites Minispiel hinzufügen
6 Minuten, 11 Sekunden
Multiuser‑System und Ranglisten
10 Minuten, 7 Sekunden
Die vollständige Plattform veröffentlichen
9 Minuten, 13 Sekunden
Was ist in diesem Kurs enthalten?
Du nimmst eine einfache Idee und baust daraus eine kleine Minispiel‑Sammlung, die im Browser läuft und KI zur Unterstützung nutzt. Du legst ein Thema fest, wählst den visuellen Stil und wiederkehrende Figuren und planst den Aufbau der Plattform in Lovable. Mit klaren Beschreibungen von Regeln und Oberflächen entsteht ein erstes Flappy‑ähnliches Spiel und weitere kleine Spiele mit demselben Look und denselben Assets.
Danach feilst du am ersten Spiel weiter: Du passt die Schwierigkeit an, verbesserst das Feedback, behebst merkwürdige Kollisionen und ordnest das Layout neu. Wenn das Spiel rund läuft, fügst du weitere Minispiele hinzu und nutzt vorhandene Sprites, Logik und UI‑Bausteine erneut. Außerdem richtest du ein einfaches Mehrbenutzersystem mit Ranglisten, gespeicherten Punkteständen und einer kleinen Bestenliste ein. Zum Schluss bereitest du Icons, URL und Veröffentlichungseinstellungen vor und stellst die Plattform ins Netz, bereit zum Testen, Teilen und Weiterbauen.
Recommended software & tools for this course
What is this course's project?
Die Studierenden entwickeln eine Plattform mit interaktiven, webbasierten Minispielen. Dabei definieren sie ein einheitliches Thema, eine ansprechende Ästhetik und eigene Charaktere mithilfe von KI und Lovable. Sie entwickeln ein Mehrbenutzersystem, Ranglisten und veröffentlichen die Plattform zum Spielen im Webbrowser.
Who is this online course for?
Für alle, die gerne etwas gestalten: Kreative, Designer, Lehrkräfte, Content‑Ersteller und Webentwickler, die mit KI experimentieren möchten. Auch ideal für Hobbyentwickler mit einer kleinen Spielidee, die daraus ein spielbares Web‑Minigame machen wollen, ohne sich durch komplizierten Code zu kämpfen.
Requirements and materials
Großes Vorwissen brauchst du nicht. Ein Grundverständnis davon, wie eine Website funktioniert, ein bisschen Neugier auf KI und der Umgang mit einer normalen Oberfläche reichen völlig. Ein Computer mit modernem Browser, stabilem Internet und ein paar einfache Bilder oder Sprites sind optional, aber praktisch.
Bewertungen
- sebastianvicentePLUSvor 5 Tagen
ES UN CURSO RECOMENDABLE, MUY PRACTICO. UNA HERRAMIENTA MUY BUENA PARA USAR IA Y HACER MINI-JUEGOS SIN PROGRAMACIÓN.
- vor 1 Monat
UN CURSO MUY COMPLETO Y EXPLICADO DETALLADAMENTE SALIS ARMANDO UNA PLATAFORMA DE NINI JUEGOS MUY RECOMENDABLE
- vor 2 Monaten
Excelente
- vor 2 Monaten
Es un buen curso para nivel principiante.
Sein Ansatz verbindet Strategie, praktische Anwendung und eine reflektierte Perspektive auf Technologie, mit dem Ziel, KI zu einer echten Unterstützung in der beruflichen Entwicklung zu machen. In seinen Kursen vermittelt er klare Methoden und reale Anwendungsbeispiele für eine effiziente und kontextspezifische Umsetzung.
Inhalt
Erstellung interaktiver Webspiele mit KI
- Was wir bauen werden und wie
- Die Minispielplattform planen
- Das erste Grundspiel erstellen
- Das erste Spiel verbessern
- Ein zweites Minispiel hinzufügen
- Multiuser‑System und Ranglisten
- Die vollständige Plattform veröffentlichen
- Abschlussprojekt
Was erwartet dich in einem Domestika-Kurs?
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
Certificates
PLUSIf you're a Plus member, get a personalisiertes und unterzeichnetes Zertifikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
You’ll learn how to plan, design, and develop a web-based minigame platform that integrates user management, leaderboards, visual customization, and databases using tools like Lovable, Supabase, and Fotopea.
This course is aimed at people with intermediate knowledge of web development and game design. You don’t need to be an expert, but a basic familiarity with programming and web design concepts is recommended.
You’ll need a computer with internet access, an up-to-date web browser, and free accounts on Lovable, Supabase, and Fotopea. Prior web development experience is recommended.
Supabase is used to manage users and store minigame scores, enabling easy creation of ranking systems and authentication integrated into the web platform.
Yes, the course includes building minigames like Flappy Bird, Tetris, and Snake, covering game logic, sprite integration, and adapting them to the platform.
You’ll learn how to edit and prepare custom sprites in Fotopea, integrate them into games, and fine-tune hitboxes and animations for a unique visual experience.
Yes, the course covers integrating user authentication on the platform using Supabase, allowing secure registration, login, and data management.