behind-the-build-wobble-clash-header

Behind the Build: Battle for Victory in Wobble Clash

How one person combined turn-based tactics with AR to create evolving battles on procedural terrain.

Wobble Clash is a tactical AR battler created by Adrian Majewski. Players choose quirky creatures called Wobblers, equip them with skills and gear, and face off in turn-based duels on procedurally generated hex maps that appear in their real-world environment. Terrain types like grass, sand, and stone grant unique bonuses, turning every step into a tactical decision. Win battles, earn XP, and watch your Wobblers evolve into stronger forms as the challenges grow.

We spoke with Adrian about his inspirations, development process, and the challenges of building Wobble Clash with 8th Wall Studio.

 

behind-the-build-wobble-clash-1

What inspired you to create Wobble Clash?

I was inspired by the opportunity to take part in the 8th Wall Game Jam Challenge and challenge myself creatively. I wanted to create a turn-based experience inspired by the combat system in games like Baldur’s Gate III. My goal was to blend the tactical depth of turn-based battles with the possibilities of WebAR, while delivering a fun and interactive AR experience.

 

How did 8th Wall Studio help bring your vision to life?

8th Wall Studio proved to be a convenient and powerful tool for creating AR experiences. For this project, I made use of several essential features: custom scripts written in TypeScript, high-quality 3D models, and the built-in UI elements available in 8th Wall Studio.

I also integrated playful background music along with sound effects for battles and UI interactions, which added personality and immersion to the experience. Altogether, these tools allowed me to bring my turn-based AR vision to life in a clear and effective way.

 

What challenges did you face along the way? How did you overcome them?

One of the biggest challenges I faced was working with the UI. At first, the UI elements didn’t appear in the positions I expected, which made the interface feel inconsistent. To overcome this, I had to dive deeper into scripting and write custom adjustments in TypeScript to precisely control the placement and behavior of the UI elements. This process required some trial and error, but in the end it gave me much more flexibility and confidence in handling UI within 8th Wall Studio.

 

What were the key steps you took to bring this project to life?

Here are the main steps I took while building this project, which may be useful for other developers:

1. Preparing assets – I started by selecting high-quality 3D models and 2D assets, since good visuals form the foundation of a compelling AR experience.

2. Scene setup – Next, I carefully placed the models within the scene, making sure the scale, orientation, and positioning felt natural in AR.

3. Scripting – I wrote custom scripts in TypeScript to implement the turn-based mechanics and ensure that the interactions behaved as intended.

4. UI creation – I designed and integrated the user interface, connecting it with the gameplay logic to make the experience clear and interactive.

5) Polish and iteration – Finally, I refined the project by testing, adjusting details, and adding sound effects and music to give it more personality and immersion.


behind-the-build-wobble-clash-2

 

What advice would you give other developers building with 8th Wall Studio?

My advice would be to stay creative and plan your workflow carefully. Having even a simple schedule for what you want to build helps a lot, especially when working with multiple elements such as 3D models, scripts, and UI.

8th Wall Studio gives you a lot of flexibility, but without a clear plan it’s easy to lose track of details. Breaking the project into smaller steps makes it easier to iterate, test, and polish the experience.

 

Where do you see the future of AR and web game development going?

I believe AR will continue to grow rapidly, with more and more high-quality games and interactive experiences being created for everyday use. Web-based AR in particular has huge potential, since it’s accessible directly from the browser without requiring special apps.

8th Wall Studio, even though it is still relatively new, already provides developers with the tools to build engaging AR games and effects. I see it playing an important role in making AR more approachable and helping shape the next generation of web-based interactive experiences.

 

Ready to Build Your Own Game?

Inspired by Adrian’s journey? Sign up today to create your own 3D game or AR experience for free with 8th Wall Studio. Whether you’re new to development or looking to push your skills further, our sample projects are the perfect place to start. Have any questions or ideas? Join the conversation on Discord.

 

Tags: Community

8th Wall

Written by 8th Wall

Niantic's 8th Wall platform is equipping developers, agencies and brands with a complete set of tools to create web-based augmented reality. 8th Wall's WebAR works across iOS and Android devices with an estimated reach of 5 billion smartphones worldwide - all with no app required to download. 8th Wall has powered thousands of commercial experiences for top brands which have engaged millions of users around the world.