Cover for the App

Wobble Clash

Tactical AR battler where Wobblers fight turn-based duels on real-world terrain. Level up, evolve, and outsmart your enemies!

Tactical AR battler where Wobblers fight turn-based duels on real-world terrain. Level up, evolve, and outsmart your enemies!

Project: Wobble Clash – Web-based AR Tactical Game

Wobble Clash is a turn-based tactical battle game powered by WebAR, where quirky creatures known as Wobblers clash on real-world terrain.

Choose your Wobbler, assign skills and gear, then step into battle on a procedurally generated hex-map that appears right in your environment through world tracking. Each terrain tile like grass, sand or stone can give your Wobbler special bonuses, turning every step into a tactical decision.

Combat is turn-based, with a visibility system (view range), skill cooldowns, and item usage. After every fight, earn XP, level up, and unlock new cards with powerful abilities or gear. At level 5 and 10, your Wobbler evolves into a new, stronger form—ready to face even tougher challenges.

Key Features:

  • WebAR gameplay built with 8th Wall Studio
  • World Tracking to place a dynamic, hex-based battle map in real space
  • Turn-based combat system with movement, attacks, skill and item usage
  • Fog-of-war mechanic using limited view range to discover enemies
  • Terrain types (e.g., grass, water, forest) affecting combat outcomes
  • Avatar progression system: XP gain, level-up, and model evolution at Lv5 and Lv10
  • Loadout management: assign skills, equip items, and view stats
  • Reward system with unlockable skill/item cards

Tech Stack:

  • 8th Wall Studio – WebAR framework with built-in prefabs and UI components
  • TypeScript – Core logic and game systems (combat, state management, UI)
  • Blender – 3D modeling of avatars and evolution stages
  • 8th Wall Prefabs & UI – Used for scene setup, player interaction, and interface
  • WebGL & Three.js (via 8th Wall) – Rendering and 3D interactions within AR
Featured screenshot