Coding at 50: How I Built an Esperanto Game with Gemini Canvas🌱

Age is never a barrier when it comes to embracing new technology. Entering an AI department at College in my mid-50s, a quiet fear lingered: Could I ever build a working application with my own hands?

That worry evaporated into pure excitement the moment I discovered Gemini Canvas . It transformed what felt like an intimidating technical wall into an inviting personal workshop. If you have ever felt hesitant to start learning AI later in life, let my journey reassure you—it is never too late to turn your ideas into reality. 🚀

Screen showing Gemini Canvas feature selected from the side menu interface.
Screen showing Gemini Canvas feature selected from the side menu interface

What is Gemini Canvas? 🧭

Imagine having a dedicated digital laboratory right beside your chat window. Gemini Canvas acts as your side-by-side workspace and personal digital teaching assistant.

Unlike standard chat interfaces where long lines of code quickly scroll out of view, Canvas provides a split-screen view showing your code and document structure at a glance. 💻

What makes it truly special are the intuitive micro-tools hidden within:

  • You can drag and select specific code snippets to request immediate edits.

  • You can instantly preview live web code without switching tabs.

  • It effortlessly bridges the gap between your intent and execution. ✨

🎮 4 Steps to Building My First AI Web Game 

To combine my new tech skills with my 10-year passion for the international language Esperanto, I set out to build an educational vocabulary game. Here is how the adventure unfolded:

  1. Sharing the Vision 📌

    I opened Gemini Canvas and typed my core concept naturally: "I want to build a game where Esperanto words fall from the top of the screen, and players match their meanings at the bottom."

  2. Visual Feedback via Screen Captures 📸

    When falling words overlapped or drifted off-screen, explaining the issue in words felt clumsy. Instead, I took a quick screen capture and attached it directly. By sharing visual context, asking for fine adjustments like "The spacing on the right is off, please realign" yielded remarkably accurate code updates. To learn more about this workflow, feel free to check out my guide on mastering screen captures for AI feedback.

  3. Fine-Tuning Speed ​​​​and Feel ⚙️

    If the words fell too fast, the learning experience felt rushed. Through interactive back-and-forth prompts, we perfected the falling speed and font scaling for an optimal study rhythm.

  4. Bringing the HTML File to Life 🎉

    Finally, I copied the generated code, saved it locally as game.html, and opened it in my browser. Watching an idea spoken in plain language transform into an interactive app on my laptop was a deeply moving moment.

Pro-Tips from the Field 💬

Early on, Gemini would occasionally misinterpret my intent and rewrite entire blocks of working code. Switching to visual feedback via screenshots dramatically improved precision.

Today, this Esperanto web game is freely available for fellow language learners, continuously improving as my AI knowledge expands. It is fully optimized for mobile devices as well. You can try out the app directly by visiting the Vortovermo Esperanto Word Game App. 🕹️

📢Please note that the current version of the game supports Esperanto to Korean only. An Esperanto-English version is coming soon, ⏳so stay tuned!

Main user interface and gameplay preview of the Esperanto word game app Vortovermo.
Vortovermo (Esperanto Word Game App) User Interface 🎮

My AI Dictionary 🧠

  • Gemini Canvas : A real-time collaborative workspace where you and AI iterate on code or documents side-by-side.

  • HTML (HyperText Markup Language) : The foundational building blocks used to construct the framework of web pages across the internet.

  • Web Hosting : An online service that rents space on a server so your local web files become accessible to anyone on the web.

Looking Ahead 🌱

This little Esperanto word game was my first real app—and proof that I didn't need to know everything before I started.

If I could start from scratch and build one with AI, maybe you can too. Start with one small idea and see where it takes you. 🎮🌱💬✨

Related Resources & Further Reading 🔗

Comments

Post a Comment