Fire Escape" - Arsonist Hunt Game Built with BabylonJS

Demos and projects
1

Hey BabylonJS community! :waving_hand:

Just finished my first complete game using BabylonJS and wanted to share it with you all!
You can check it here.

:video_game: Game Overview:
“Fire Escape” is a narrative-driven 3D game where players decode riddles to locate and extinguish fires across a city. An arsonist is sending
encrypted messages, and you’re the only one who can stop them.

:hammer_and_wrench: Technical Details:

Core Stack:

  • BabylonJS 8.3.2
  • Havok Physics 1.3.10
  • TypeScript
  • Astro 5.14 (framework)

Key Implementation Features:

  1. Quest System - Dynamic riddle-based objectives with real-time distance tracking
  2. Responsive Controls - WASD for desktop, virtual joystick for mobile
  3. Camera System - Custom third-person camera with smooth mouse/touch drag
  4. Mobile Optimization - Fully responsive UI (text scales from mobile to 4K)
  5. Audio Manager - Ambient sounds, phone rings, button clicks using Tone.js
  6. i18n System - JSON-based translation loader (easy to add languages)

Interesting Challenges:
• Compass system - Real-time compass needle rotation synced with camera Y-axis rotation
• Phone call mechanics - Cinematic modal with caller info that pauses gameplay
• HUD design - Created a modern game HUD with distance/time tracking that doesn’t obscure gameplay

Performance:
Runs smoothly on mobile devices. Used Babylon’s optimization features and kept poly counts reasonable for web.

Would love feedback!
Thanks to the BabylonJS team for this amazing engine! :rocket:

8 Likes
2

Passed the first mission, nice game!

1 Like
3

hey there

I had a go , the mouse navigation to click the markers on the map is a little cumbersome. Having the scene rotating , hense moving the markers as you are using the mouse to try get to the marker is the issue. I found the scene camera getting ground level and all markers then not easy to click.

First mission , the clue is for the park , but if you click the park marker it says false alarm no fire, yet if you click the marker in the street next to the park, you can then walk to the fire and you have success? what is the point of the marker in the park then?

anywa enjoy your game building , its fun to make things :wink:

4

Hey, thanks a lot for taking the time to play it and share your feedback really appreciate it! :folded_hands:

You’re absolutely right about the camera + marker interaction, I’ll tweak that to make clicking smoother.

As for the park clue good catch :sweat_smile: it’s meant to mislead a bit as part of the riddle, but I agree it’s not very clear right now. I’ll probably adjust that in the next update.

5

Very cool, and it definitely needs to be developed further.
I suggest the following control improvements:

  1. The camera rotation controls :left_arrow::right_arrow: could be inverted horizontally, so that when using the arrow keys, the camera not only rotates around the character but also turns in the same direction as the pressed key.
  2. The movement control keys [WASD] should be read by their key codes, not by their letters. This way, players from non-English-speaking countries can also play your game. MouseEvent code, not key.
  3. When switching animations during movement, it’s good to use blending time to avoid jerky transitions between animations.

Overall, the game looks finished. It just needs a little polishing. :+1:
God grant you the patience to finish the game and not give up when 90% of it is done. :heart:

6

Hey man, thanks a lot for the feedback! :folded_hands:

You’re totally right about the controls and key codes gonna fix that.

And yeah, animation blending just didnt knew that exists thats really good!

Really appreciate the kind words means a lot! :fire:

1 Like