<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Hung Hoang</title>
    <description>The latest articles on DEV Community by Hung Hoang (@hung_hoang_a9067d2f773137).</description>
    <link>https://dev.to/hung_hoang_a9067d2f773137</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2059600%2F02b7efd3-52ed-4bed-8fed-7e61828e36bd.png</url>
      <title>DEV Community: Hung Hoang</title>
      <link>https://dev.to/hung_hoang_a9067d2f773137</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hung_hoang_a9067d2f773137"/>
    <language>en</language>
    <item>
      <title>SOLS-RUNNER: My first educational game with AI to learn about Summer Solstice</title>
      <dc:creator>Hung Hoang</dc:creator>
      <pubDate>Sun, 21 Jun 2026 19:56:00 +0000</pubDate>
      <link>https://dev.to/hung_hoang_a9067d2f773137/sols-runner-my-first-educational-game-with-ai-to-learn-about-summer-solstice-4ilh</link>
      <guid>https://dev.to/hung_hoang_a9067d2f773137/sols-runner-my-first-educational-game-with-ai-to-learn-about-summer-solstice-4ilh</guid>
      <description>&lt;h1&gt;
  
  
  SOLS-Runner
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fw59v37g0qqynw93jtwko.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fw59v37g0qqynw93jtwko.png" alt=" " width="799" height="521"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/june-game-jam-2026-06-03"&gt;June Solstice Game Jam&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;SOLS-Runner is a narrative puzzle adventure inspired by the June Solstice and the idea that growth often comes through periods of darkness, uncertainty, and change.&lt;/p&gt;

&lt;p&gt;Players take on the role of Leo, a young runner who feels disconnected from the world around him. During an evening run through Greenwood Park, he discovers a mysterious cosmic crystal that challenges him with a series of puzzles centered around astronomy, balance, and seasonal change.&lt;/p&gt;

&lt;p&gt;As each challenge is solved, the world gradually regains its color. The gray landscape transforms into a vibrant environment, visually representing Leo's journey from stagnation toward hope and self-discovery.&lt;/p&gt;

&lt;p&gt;The game combines storytelling, environmental progression, educational puzzles, and AI-assisted learning into a short experience that can be completed in a single sitting.&lt;/p&gt;

&lt;h3&gt;
  
  
  Key Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Solstice-themed puzzle challenges&lt;/li&gt;
&lt;li&gt;Environmental restoration system&lt;/li&gt;
&lt;li&gt;World saturation progression (0% → 100%)&lt;/li&gt;
&lt;li&gt;Interactive narrative experience&lt;/li&gt;
&lt;li&gt;Gemini Crystal AI Tutor&lt;/li&gt;
&lt;li&gt;Educational astronomy concepts integrated into gameplay&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The core message of the game is simple:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Just as the Earth moves through cycles of darkness and light, people also move through periods of uncertainty, growth, and renewal.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  Video Demo
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://youtu.be/4v1556bRoHU" rel="noopener noreferrer"&gt;https://youtu.be/4v1556bRoHU&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;The demo video showcases:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Leo's introduction and discovery of the cosmic crystal&lt;/li&gt;
&lt;li&gt;Puzzle progression through all challenge stages&lt;/li&gt;
&lt;li&gt;The Caesar cipher / Enigma-inspired puzzle&lt;/li&gt;
&lt;li&gt;World saturation increasing as challenges are completed&lt;/li&gt;
&lt;li&gt;Gemini Crystal AI Tutor explanations&lt;/li&gt;
&lt;li&gt;The final reflection ending sequence&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;

&lt;p&gt;GitHub Repository:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/HungH206/sols-survivor" rel="noopener noreferrer"&gt;https://github.com/HungH206/sols-survivor&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Live Demo:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://sols-runner-640174174409.us-central1.run.app" rel="noopener noreferrer"&gt;https://sols-runner-640174174409.us-central1.run.app&lt;/a&gt; &lt;/p&gt;




&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;I intentionally kept the scope small so that I could create a polished and complete experience within the game jam timeline.&lt;/p&gt;

&lt;h3&gt;
  
  
  Frontend
&lt;/h3&gt;

&lt;p&gt;The game was built using:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Phaser.js&lt;/li&gt;
&lt;li&gt;React&lt;/li&gt;
&lt;li&gt;TypeScript&lt;/li&gt;
&lt;li&gt;Vite&lt;/li&gt;
&lt;li&gt;Tailwind CSS&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Phaser was used to manage gameplay scenes and world interactions, while React handled interface elements such as challenge panels, dialogue systems, and puzzle interactions.&lt;/p&gt;

&lt;h3&gt;
  
  
  Environmental Progression
&lt;/h3&gt;

&lt;p&gt;One of the central mechanics is the World Saturation system.&lt;/p&gt;

&lt;p&gt;The game begins in a nearly colorless state. Every successful puzzle completion increases world saturation and transforms the environment. This visual progression reinforces both the solstice theme and Leo's emotional journey.&lt;/p&gt;

&lt;h3&gt;
  
  
  Puzzle Design
&lt;/h3&gt;

&lt;p&gt;The puzzles introduce astronomy concepts such as:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Solstice&lt;/li&gt;
&lt;li&gt;Equinox&lt;/li&gt;
&lt;li&gt;Seasonal balance&lt;/li&gt;
&lt;li&gt;Earth's relationship to sunlight&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;To make the experience more interactive, one of the puzzles was redesigned into a Caesar cipher / Enigma-inspired challenge where players rotate encoded letters to reveal the correct answer.&lt;/p&gt;

&lt;h3&gt;
  
  
  AI Integration
&lt;/h3&gt;

&lt;p&gt;A custom Gemini Crystal AI Tutor was added to provide educational explanations after puzzle completion.&lt;/p&gt;

&lt;p&gt;Players can ask the crystal why an answer is correct, why alternative answers are incorrect, and how the concept relates to seasons, light, and balance.&lt;/p&gt;

&lt;p&gt;The game sends requests through a secure server endpoint that communicates with Gemini 2.5 Flash, ensuring API keys remain protected.&lt;/p&gt;




&lt;h2&gt;
  
  
  Prize Category
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Best Google AI Usage
&lt;/h3&gt;

&lt;p&gt;Google AI played a significant role throughout the project.&lt;/p&gt;

&lt;p&gt;During development, Google AI Studio was used for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Story brainstorming&lt;/li&gt;
&lt;li&gt;Character development&lt;/li&gt;
&lt;li&gt;Puzzle ideation&lt;/li&gt;
&lt;li&gt;Scope refinement&lt;/li&gt;
&lt;li&gt;Narrative writing&lt;/li&gt;
&lt;li&gt;Educational content generation&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;In the final game, Gemini powers the Gemini Crystal AI Tutor, an in-game learning assistant that provides contextual explanations for puzzle answers and transforms educational content into an interactive experience.&lt;/p&gt;

&lt;p&gt;Rather than using AI solely during development, I wanted AI to become part of the gameplay itself.&lt;/p&gt;

&lt;h3&gt;
  
  
  Best Ode to Alan Turing
&lt;/h3&gt;

&lt;p&gt;One of the game's challenge sequences is inspired by classical cryptography and codebreaking concepts associated with Alan Turing's work.&lt;/p&gt;

&lt;p&gt;The Caesar cipher / Enigma-inspired puzzle encourages players to decode hidden messages while learning about astronomical concepts related to the solstice.&lt;/p&gt;

&lt;p&gt;This mechanic serves as a small tribute to Turing's contributions to computing, cryptography, and problem-solving.&lt;/p&gt;




&lt;h2&gt;
  
  
  Lessons Learned
&lt;/h2&gt;

&lt;p&gt;This was an exercise in balancing creativity with scope.&lt;/p&gt;

&lt;p&gt;I began with a much larger vision involving multiple locations, expanded puzzle systems, and additional mechanics. During development, I learned that reducing scope often leads to a stronger final experience.&lt;/p&gt;

&lt;p&gt;By focusing on a single environment, a clear emotional journey, and a small set of polished mechanics, I was able to create a complete game that aligns closely with the theme of the jam.&lt;/p&gt;




&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;SOLS-Runner is ultimately a story about movement.&lt;/p&gt;

&lt;p&gt;Not just the movement of the Earth around the Sun, but the movement people experience as they navigate uncertainty, growth, and change.&lt;/p&gt;

&lt;p&gt;Sometimes the longest journey begins with a single step into the unknown.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>gamechallenge</category>
      <category>gamedev</category>
    </item>
    <item>
      <title>SOLS-RUNNER: My first educational game with AI to learn about Summer Solstice</title>
      <dc:creator>Hung Hoang</dc:creator>
      <pubDate>Sun, 21 Jun 2026 19:47:25 +0000</pubDate>
      <link>https://dev.to/hung_hoang_a9067d2f773137/sols-runner-my-first-educational-game-with-ai-to-learn-about-summer-solstice-1ogl</link>
      <guid>https://dev.to/hung_hoang_a9067d2f773137/sols-runner-my-first-educational-game-with-ai-to-learn-about-summer-solstice-1ogl</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fazpni5nts4q4u2dgtgcp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fazpni5nts4q4u2dgtgcp.png" alt=" " width="799" height="521"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/june-game-jam-2026-06-03"&gt;June Solstice Game Jam&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;This is SOLS-Runner, an educational and interactive text-based game with AI. &lt;/p&gt;

&lt;p&gt;For the June Solstice Game Jam, I built a narrative puzzle game about light, change, and self-discovery.&lt;/p&gt;

&lt;p&gt;You play as Leo, a young runner trapped in a gray and repetitive world. During an evening run, he discovers a mysterious cosmic crystal that challenges him with puzzles inspired by the June Solstice, seasonal balance, and Earth's relationship with sunlight.&lt;/p&gt;

&lt;p&gt;As each puzzle is solved, the world gradually regains its color, reflecting Leo's own journey from uncertainty to hope.&lt;/p&gt;

&lt;p&gt;✨ Features&lt;br&gt;
• Solstice-themed puzzles&lt;br&gt;
• Environmental transformation system&lt;br&gt;
• Interactive story-driven gameplay&lt;br&gt;
• Gemini Crystal AI Tutor powered by Gemini 2.5 Flash&lt;br&gt;
• Educational astronomy concepts woven into the narrative&lt;/p&gt;

&lt;p&gt;One of my favorite additions is the Gemini Crystal AI Tutor. After solving a puzzle, players can ask the crystal to explain why the answer is correct, why the other choices are wrong, and how the lesson connects to themes of light, balance, and growth.&lt;/p&gt;

&lt;p&gt;🛠 Built With&lt;br&gt;
• Phaser.js&lt;br&gt;
• React + TypeScript&lt;br&gt;
• Tailwind CSS&lt;br&gt;
• Google AI Studio&lt;br&gt;
• Gemini 2.5 Flash&lt;br&gt;
• Google Cloud Run&lt;/p&gt;

&lt;p&gt;This project started as a simple game jam idea, as my first approach building with Google AI Studio, and evolved into a small interactive experience about moving forward through life's changing seasons.&lt;/p&gt;

&lt;p&gt;Just as the Earth moves between darkness and light, people do too.&lt;/p&gt;

&lt;p&gt;Here's the game demo: &lt;a href="https://youtu.be/4v1556bRoHU" rel="noopener noreferrer"&gt;https://youtu.be/4v1556bRoHU&lt;/a&gt;&lt;br&gt;
Github: &lt;a href="https://github.com/HungH206/sols-survivor" rel="noopener noreferrer"&gt;https://github.com/HungH206/sols-survivor&lt;/a&gt;&lt;br&gt;
The game: &lt;a href="https://sols-runner-640174174409.us-central1.run.app" rel="noopener noreferrer"&gt;https://sols-runner-640174174409.us-central1.run.app&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  GameDev #IndieDev #GameJam #JuneSolstice #GoogleAI #GeminiAPI #PhaserJS #TypeScript #ReactJS #BuildInPublic #LearnInPublic
&lt;/h1&gt;

</description>
    </item>
  </channel>
</rss>
