Studio-Ryu, LLC.
UI/UX Design / Development
New Media Development
Graphic Art / Design &
Illustration


Studio-Ryu, LLC.
UI/UX Design / Development
New Media Development
Graphic Art / Design &
Illustration

Friday, November 13th, 2026

....::: Contact :::....

It looks like you are viewing my site on a mobile-device...
Why not give me a call?
612-607-3291

*

*

*



ajax loader

x

......::::: Portfolio: AI/UX :::::.....

Battleground: Iron & Ember ~ AI-Powered Interactive Combat Game | Claude Code Project (Case Study)

Battleground: Iron & Ember ~ AI-Powered Interactive Combat Game | Claude Code Project (Case Study) image
Battleground: Iron & Ember ~ AI-Powered Interactive Combat Game | Claude Code Project (Case Study)
click to view

Battleground: Iron & Ember ~ AI-Powered Interactive Combat Game | Claude Code Project (Case Study)

Client: Self - Case Study

Features:

  • AI-powered combat judging
  • AI-generated character portraits
  • BattleDex character management
  • Character-first onboarding
  • Cinematic audio system
  • Accessible
  • responsive controls
  • Automated browser testing
  • Production deployment
  • Credits: Design & Prototyping by Rudy Rogers by way of Claude.ai

    Tools: HTML5, CSS3, JavaScript, Claude Code, Anthropic API, OpenAI API, Git/GitHub, Vercel

    URL: https://youtu.be/QAd98wgFRh8

    About:
    What began as a free introductory Claude Code course by way of ZeroToMastery.io evolved into a *Battleground: Iron & Ember*, a fully functional, AI-powered fantasy combat game.

    Building on the course's foundation, I expanded the original concept with custom UI/UX design, AI-generated character portraits, a persistent character collection (BattleDex), cinematic audio, configurable settings, and an AI-driven combat judging system.

    Using Claude Code as an AI development partner, I directed the design, functionality, testing, and iterative refinement of the application—combining my background in frontend engineering and user experience design with modern AI-assisted development workflows.

    **From Tutorial to Production: Battleground — Iron & Ember**

    Starting with the boilerplate application from a free Claude Code course, I transformed a basic AI combat demonstration into a fully realized interactive game.

    Through successive iterations, I expanded the experience with custom UI/UX design, AI-generated characters, persistent character management, cinematic audio, accessible controls, and automated browser testing.

    The project demonstrates how I combine established frontend engineering and user experience design practices with AI-assisted development to rapidly prototype, refine, and deploy interactive applications.
    Read more about this project >>
    Top

    Site Design & Content by:
    Studio-Ryu, LLC
    1769 Lexington Ave N Ste 422 | Roseville, MN 55113, USA

    Site powered by PHP Site powered by MySQL Vue.js - The Progressive JavaScript Framework HTML5 Powered with CSS3 / Styling, Multimedia, and Semantics HTML5 Powered with CSS3 / Styling, Multimedia, and Semantics
    © 1995 - 2026 Studio-Ryu LLC. All rights reserved.