All projects

Arrowflame

Game design, art direction, and engineering brought together in a playable adventure.

My Role in this Project

  • Game direction and systems design
  • Visual identity and art direction
  • Player interface and interaction design
  • Map layout and world composition
  • Game and desktop development

Technologies Used

  • Phaser 4 and TypeScript
  • Vite
  • Electron and Electron Forge
  • Vitest and isolated play scenarios
  • Next.js and React marketing site

The Impact

  • A working adventure foundation
  • Consistent art and interface language
  • Readable equipment decisions
  • Shared browser and desktop gameplay
  • Repeatable design and testing workflows

A closer look.

Explore the screens. Select an image to view it full size.

The title screen establishes the visual language: weathered materials, warm gold, blue flame, and a simple menu that leaves room for the artwork. Captured from the development build.
World composition balances paths, scenery, and clear playable space. A fixed logical viewport preserves the same field of view as the game scales to different displays.
The inventory brings equipment and carried items into a compact parchment interface. Consistent icon silhouettes and grouped controls make a dense system easier to read while keeping part of the world visible.

Arrowflame · 1 / 3

Arrowflame title screen with its pixel-art logo, blue lantern, ruined stone architecture, and main menu

The title screen establishes the visual language: weathered materials, warm gold, blue flame, and a simple menu that leaves room for the artwork. Captured from the development build.

The rationale

Build the world. Make every interaction belong.

Arrowflame brings together the parts of product work I enjoy most: defining an experience, giving it a visual identity, and building the systems that make it work. It is a top-down pixel-art archery and extraction adventure in active development under Makeable. The challenge is making movement, environments, equipment, menus, and feedback feel like parts of the same world.

The visual direction needs to hold together at several scales. A title illustration can carry atmosphere and detail, while a small inventory icon has to communicate through its silhouette. I’m developing a consistent language across character animation, environment art, item icons, typography, and parchment panels, then judging those pieces inside the actual game. Asset galleries and focused viewport studies make scale, contrast, and style differences easier to catch before they spread.

World design starts with traversable space. Route shapes, open areas, boundaries, and landmarks need to make sense before decoration is added. Keeping map layout and collision separate from presentation lets me refine the scenery without losing the structure of the playable space. The camera uses a fixed logical viewport and whole-number scaling so larger screens preserve the composition and field of view.

The interface has its own design problem: help players make decisions without burying the world under information. Equipment, carried items, and character panels share a compact visual system. Item inspection compares the effect of a possible equipment change against the current loadout, rather than leaving players to interpret isolated numbers. Clear grouping, consistent icon sizes, and hover cards that stay within the viewport make those details usable.

Underneath that presentation, Phaser and TypeScript run the same game in the browser and an Electron desktop shell. Focused gameplay systems separate rules from scene composition, rendering, and input. Framework-independent tests and isolated development scenarios let me check a particular interaction or screen without replaying the entire game or touching ordinary character saves. That structure gives design iteration a reliable foundation.

Arrowflame is still being built. The current result is a playable foundation and an evolving design system, with more content, balance, and polish ahead. Its coming-soon site carries the same identity into a deliberately restrained introduction. The goal at this stage is to show the craft behind the experience while leaving the world itself for players to discover.

Behind the build.

Short videos exploring the ideas, decisions, and work shaping Arrowflame.

Making character attributes fit an archery game

Arrowflame · 1 / 1

Making character attributes fit an archery game

Watch on TikTok