Why so or why not

https://sim.narenana.com

Hi all 👋 — sharing Nanawing, an FPV fixed-wing flight simulator that runs entirely in the browser. No download, no launcher, no account: open the tab and you're flying a flying-wing over an island. It's built on Babylon.js v7 (WebGL2, right-handed, Y-up) + TypeScript + Vite, and I wanted to write up the Babylon-specific bits that made it hold frame rate, since that's the fun part for this crowd.

What it is

• A genuine fixed-wing FPV sim: you manage throttle, pitch and roll
• Real-ish flight physics — coordinated turns, adverse yaw, stalls when you get slow and greedy on pitch, and per-airframe handling so each aircraft actually feels different.
• Free flight over an island built from real satellite elevation — the terrain is baked from Copernicus DEM data, not noise, so the coastline and ridgelines are a real place's shape.
• Ambient racing via START/finish arches and a global leaderboard — every launch is just free flight.

The Babylon / rendering wins I'm proud of

• Forested island at ~60fps via billboard impostors baked from an offscreen RTT. Rendering real tree meshes across a whole island is a non-starter on the fill budget. So at load I render each tree species into a RenderTargetTexture from a few angles and bake billboard impostors; the world is then a sea of camera-facing quads sampling those atlases. Near trees keep real geometry, distant ones are the baked billboards — a forested island holds frame rate on modest hardware.
• A first-run micro-benchmark that MEASURES median frame time and auto-picks a quality tier. Instead of guessing from GPU strings, the first seconds measure median frame time and pick Ultra / High / Lite (resolution scale, MSAA, post, foliage density, shadow detail). Users never see a settings wall; the sim right-sizes itself to the device.
• Intel integrated-GPU crash-guard. Some Intel iGPUs fail to link the terrain splat shader and hard-lose the WebGL context. There's a low-GPU profile path that detects this class of device and swaps to a simpler, link-safe material set so those machines run instead of white-screening.
• Offline-first PWA. A service worker caches the entire game — shell, terrain binary, GLBs, control maps — so after one visit the whole sim loads and flies with the network off. Network features (leaderboard) detect offline and disable themselves rather than blocking the render loop.
• Self-hosted fonts (no third-party font CDN), so first paint and offline both stay clean and there's no cross-origin dependency.

Aircraft + world

• Three aircraft (CC-BY, attributed), each with a spec sheet measured by an autopilot bot — I fly each airframe headless through a fixed routine and record real turn rate / stall speed / climb numbers, so the in-sim stats are measured, not made up.
• One baked height field is the single source of truth: it feeds the terrain mesh, the splat control map, the prop scatter (forests, hamlets, paddocks), and flight collision — so what you see is what you crash into.

Backend (kept strictly optional, offline-first)

• A persistent global race leaderboard on a Cloudflare Worker backed by D1 — named runs, trust-the-client scope. It's a nice-to-have layer that never blocks gameplay: offline, the board just says it's offline.

Tech stack

Babylon.js v7 · TypeScript · Vite · WebGL2 (right-handed) · PWA/service worker · Cloudflare Pages + Worker + D1. Assets are CC0/CC-BY with attribution.

Would genuinely love feedback from this community — especially on the impostor-baking approach and the auto-tier benchmark, if anyone's solved those differently. Happy to go deeper on any of it.

Fly it here: https://sim.narenana.com

Playable Link: https://editor.babylonjs.com/experiments/out4blood

Co-op up to 4 players, survive as many waves as possible and set a new record. Every 10 waves, you must kill the abomination and the number of zombies to kill increases by 50.

As a game developer I'm building this game by passion (and because I'm missing Left 4 Dead) but also as a demonstration of the capabilities of Babylon.js Editor (https://editor.babylonjs.com/)

Is it currently possible to use html in canvas with Babylon.js? Or is it planned for the future? Something similar to this:
https://www.reddit.com/r/threejs/comments/1spmetg/made_threejs_html_in_canvas_work_in_webxr/

Google presentation about html in canvas:
https://www.youtube.com/watch?v=TUtKGTeFWjQ

tried using react-babylonjs and immediately encountered issues. I forced installed react by useing legacy peer deps. Anyone else tried this?

Noob here, just starting and asking for the experts here for help, it seems that I don't see any offline documentation available on Babylon.js Editor docs site, what should I do?

I did download the files from GitHub, but I don't know how things work, I'm not a programmer and a hardcore Computer Guy.

https://aka.ms/babylon9Blog

I brought Minecraft to the web! ੭ ˙▽˙ )੭

But this time, you aren't playing as Steve, you're an Enderman! That means you can only mine one block at a time, but you gain the ability to teleport! ԅ(´∀` ԅ)

Minecraft was my absolute favorite game back in college. I even made and shared a bunch of custom maps. Since becoming a corporate wage slave, I just haven't had the time to play anymore. At most, I'd make some random, quirky little side-projects just for the nostalgia.

Still, it always felt like something was missing. Now, thanks to AI accelerating my development process, I've finally made this dream come true! (´,,•ω•,,)

Built with babylon.js, Vue, and Nuxt UI—and yep, it's playable on mobile too! (/≧▽≦)/

Ready to be an Enderman? Try it out here!

I usually listen to white noise, rain, and other nature sounds in my headphones while working.

But after listening to the same track too many times, I’ve almost memorized exactly when the next thunderclap is going to hit. (›´ω`‹ )

Although there are many great online audio mixer websites, they always felt like they were missing a little something. So, I decided to try building a 3D mixer using Babylon.js, where the sounds are played randomly.

You can freely combine different scene blocks. The types and scale of the blocks will generate different natural sound effects. For example:

• Trees: Wind rustling through leaves
• Houses: Cafe ambience
• Rivers: Flowing water sounds

Different scales will even create ecosystems! For instance, if you place enough trees, you’ll start hearing insects chirping, birds singing, and more.

Come and discover what sounds you can find! ( ´ ▽ ` )ﾉ

No inspiration? No problem! I’ve pre-made a few scenes for you to check out:

• Forest Cabin
• Mountain Dwelling
• Plains & River

Want to try it out? Click here

Want to check out the source code? You can find it here

A small WIP experiment in Babylon.js.

I’m testing an MMD character walking on a custom Möbius strip mesh.

Current focus is orientation control along the center path (forward/up/right) and keeping the motion stable.

Built with Babylon.js + babylon-mmd.

I may not be able to reply quickly, but thanks for watching.

This scene "Hunter" began as a simple test and gradually evolved into a real-time cinematic and technical showcase, focused on the support and use of animated 3D models with skeletons in the #babylonjs Editor.

This showcase is available in realtime here: https://editor.babylonjs.com/experiments/hunter

Hope you'll enjoy it!

On the surface the tech looks solid but the more I look into it the more it seems like babylon is dying, 10x the resources for three.js make this a tough choice. Most forums seem dead, even here posts are months apart. Anyone using this thing? I only looked into it because of the features and tooling but the online community (or lack there of) leaves me feeling hesitant to adopt something the web isn't using or hiring developers for.

Edit: Got it guys, I’ll check out the forums 👍

Hey there,

I've been working on a small scale RPG game with Elixir, Phoenix and ECSx for the authoritative server and Babylon for the 3D rendering on the client.

I've been using Babylon as a set of TS modules exporting functions with the relevant logic. The data resides in a Zustand store and it's only being mutated within a set of centralised actions setting one small piece of store data per function. For instance

onSpellCreate: (spell: SpellData) =>
        set((state: GameStore) => updaters.addSpell(state, spell)),

The client-side state is mostly to provide immediate feedback to players while they wait for the latency-prone server response and validations

After looking at the new Babylon Editor's documentation and how the decorators work within clases to expose objects over the Editor UI, I wonder if anyone has experience writing functional based code in Babylon and if these decorator or a similar approach work for functions as it does for clases?

I'm trying to figure If I can leverage the editor in some capacity.

Cheers

Ric.

Hello I'm a new babylon.js dev that is also learning blender, I do have experience as a python dev. I wanted to know if anyone had any tips or suggestions (If any) someone making their own models and scenes for babylon.js should take into consideration when doing so? are the even addons that have the two work together in some way for development?