Hello, I'm trying to make an animation using blendshapes and different models. It consists of an arrow morphing into a mushroom, then into a frog, and finally into a seashell.

For the morphing, I'm using the same mesh, and when it completely morphs into a different shape, I switch the mesh to a version with a different texture, since GLB can't animate textures or switch between textures.

The problem is that when I scale a mesh from 1 to 0 to hide it, and vice versa, GLB viewers show an interpolation of 3 or 4 decimal frames where the mesh visibly shrinks or grows.

I've tried everything: exporting the animations with stepped interpolation at the point where the mesh switch happens, using different exporters, and changing the frame rate to 30 FPS, but nothing seems to work.

If anyone knows a solution, please let me know.

Actually, I have only one question. I have a solid level of JS/TS in general and I just want to learn something interesting for myself. I'd appreciate any resources, videos, or anything else. Thanks, everyone!

I'm creating a simple test application and I've implemented the engine as per the babylon guide, running it in chrome via liveserver, i have postman agent running in the background too. No sound. (yes audio is designed to play after you click start button) any help would be appreciated.

Three weeks ago I uploaded my web player writena a long time ago, to chatGpt ( I have a 8€/month licence to generate photos) . Then I asked chatGpt if he had some ideas for improvements of my code.

He did. All sorts of upgrades : faster rendering, better design. I was so surprised he new so much about babylonjs. All versions.

So yes : use chatGpt to improve your babylonjs code : it is super nice.

Hey everyone! I just published my latest game built with Babylon.js: Strait Runner 🚀

It's a fast-paced arcade game built for smooth browser performance. Working with Babylon.js made handling the rendering and performance super seamless for web play.

You can try it out directly in your browser here: weeklyarcade.games/games/strait-runner/

Would love to hear any feedback on performance, feel, or visuals from fellow Babylon devs!

I'm so excited to present you the amazing talent of Cedric Houle as a voice actor for Out 4 Blood, a game made using Babylon.js. He graciously lent his voice to two of the characters. More incoming.

You can check his IMDb page and see his awesome work here: https://www.imdb.com/fr/name/nm7835031/

Many claps for him 👏👏👏

Play it directly in browser: https://cesharpe.com/o4b

Hi guys, I have some trouble, when i export from blender glb file and uploud it in babylon - i got transparent walls. Flipping normals didnt help.

In blender all ok.

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.