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

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

StudioRyu.com Feature: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

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

Client: Self - Case Study

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 com......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.