Creating Interactive Web Games with AI
A course by Ramón IborraGenerative Artificial Intelligence Consultant and Educator
A course by Ramón Iborra, Generative Artificial Intelligence Consultant and Educator
Design interactive web minigames with AI using Lovable, shared characters, rankings, browser deployment
Learn to build a small web arcade powered by generative AI, even if you’re not a seasoned programmer. In this course, you put together a set of browser‑based minigames that share the same look and cast of characters, using Lovable as your main no‑code tool.
You describe the world, the sprites, the interface and the basic rules in plain language, and the AI turns those ideas into playable prototypes in the browser. You start with a simple Flappy‑style game, tweak the difficulty, collisions, feedback and layout, then reuse what you’ve built to make new games like Tetris or Snake without losing the visual thread.
You also learn how to hook Lovable up to services such as Supabase to handle users, scores and rankings, so your small experiments can grow into a functioning arcade. At the end, you get everything ready for publishing so other people can try your games online.
The course is aimed at creatives, designers, educators and web developers who want to mix game design, interface design and AI to quickly prototype and launch small web games.
What will you learn in this online course?
7 lessons & 4 downloads
Creating the First Base Game
8 minutes, 46 seconds
Adding a Second Minigame
6 minutes, 11 seconds
Multiuser system and rankings
10 minutes, 7 seconds
Publishing the complete platform
9 minutes, 13 seconds
What's included in this course?
You’ll take a small game idea and turn it into a simple web arcade that runs in the browser and uses AI to help you build it. You’ll pick a theme, sketch out the look and feel, decide who the recurring characters are, and map out how the different games fit together in Lovable. By describing the rules and interfaces in plain language, you’ll get a Flappy‑style game and a few other quick mini games generated with matching visuals and shared assets.
From there, you’ll keep tuning your first game—making it harder or easier, improving feedback, fixing odd collisions, and cleaning up the layout. Once it feels right, you’ll add more mini games and reuse the sprites, code, and interface pieces you already have. You’ll also set up a simple multiuser system with per‑game rankings, stored scores, and a small leaderboard. To wrap up, you’ll prepare icons, URLs, and the publication settings, then put the whole thing online so it’s ready to test, share, and grow.
Recommended software & tools for this course
What is this course's project?
Students will create a platform of interactive web-based minigames, defining a coherent theme, aesthetic, and characters, using AI and Lovable. They will develop a multi-user system, rankings, and publish the platform for web browser play.
Who is this online course for?
For anyone who likes making things — artists, designers, teachers, content creators, and web developers who want to try building with AI. It also suits hobbyists who have a small game idea and want to turn it into a playable web mini‑game without diving into heavy coding.
Requirements and materials
You don’t need any special background. If you know the basics of how a website works, are curious about trying out AI, and feel comfortable clicking around an interface, you’re set. Just have a computer with a modern browser, a steady internet connection, and maybe a few simple images or sprites if you want to use your own.
Reviews
- sebastianvicentePLUS1 month ago
ES UN CURSO RECOMENDABLE, MUY PRACTICO. UNA HERRAMIENTA MUY BUENA PARA USAR IA Y HACER MINI-JUEGOS SIN PROGRAMACIÓN.
- 2 months ago
UN CURSO MUY COMPLETO Y EXPLICADO DETALLADAMENTE SALIS ARMANDO UNA PLATAFORMA DE NINI JUEGOS MUY RECOMENDABLE
- 3 months ago
Excelente
- 3 months ago
Es un buen curso para nivel principiante.
His approach combines strategy, practical application, and a critical perspective on technology, aiming to make AI a true ally in professional development. In his courses, he shares clear methodologies and real case studies to implement solutions efficiently and adapt them to each creative context.
Content
Creating Interactive Web Games with AI
- What we're going to build and how
- Planning the minigame platform
- Creating the First Base Game
- Improving the first game
- Adding a Second Minigame
- Multiuser system and rankings
- Publishing the complete platform
- Final project
What to expect from a Domestika course
Learn at your own pace
Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.
Learn from the best professionals
Learn valuable methods and techniques explained by top experts in the creative sector.
Meet expert teachers
Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.
Certificates
PLUSIf you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Get front-row seats
Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.
Share knowledge and ideas
Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.
Connect with a global creative community
The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.
Watch professionally produced courses
Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.
FAQs
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.