A curated list of awesome things related to the Babylon.js game engine.
Babylon.js is an open-source game and rendering engine written in TypeScript designed to be powerful, beautiful, simple, and open. It supports cross-platform game development through WebGL, WebGPU, and the Babylon Native runtime.
Your contributions are always welcome! Please read the contributing guidelines to get started.
Official Babylon.js links.
Books about or for Babylon.js developers.
Noteworthy examples of community-contributed content on the Babylon.js playground.
Turn the lights on/off using flip switches. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ActionBuilder))
A torus that goes around in a circle and changes shape when it hovers over another shape. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Actions))
Explore a video in 360°. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Amp360Video))
A human skull. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/AssetsManager))
Babylon isn't just graphics; it's a full game engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/AudioAnalyser))
A walking soldier + animated bunnies. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Bones))
Make things explode with a touch. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Boom))
Render a ball using bump mapping. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Bump))
Use cell-shading to reproduce a cartoon-like effect. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/CellShading))
3D charts. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Charting))
An animated baby T-Rex. What more do you need? ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ChibiRex))
Animated 3D dancers. _warning: takes a long time to load._ ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Dancers))
Constructive Solid Geometry using lights and a sparkly texture. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Dancing%20CSG))
Touch the cat to splatter it with black ink. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Decals))
A JavaScript driving game demo. Works with a DS3. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Distraction))
Drag and rearrange different shapes. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/DragNDrop))
Explore an entire (barebones) house. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Espilit))
Destroy your own house. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ExtrudePolygon))
A fountain of countless balls falling onto a complex shape, showcasing physics. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Facets))
Explore an extremely detailed apartment, including a fishtank and bathroom. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Flat2009))
A realistic aviator's helmet. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/FlightHelmet))
A disturbingly furred bunny. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Fur))
A GLTF Alien model featuring facial animations. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GLTF))
An interactive 3D UI. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GUI))
Make a neon pipe glow like plasma. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GlowLayer))
Espilit but with glowing effects. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GlowingEspilit))
Generate terrain using a heightmap. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Heightmap))
Explore a town isolated from the outside world, like in _The Twilight Zone._ ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/HillValley))
HillValley but creepier in VR. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/HillValleyVR))
Quick Demo of using Babylon.js to simulate inking. ([source](https://github.com/sebavan/BabylonjsInkSample))
A group of soldiers marching in sync. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/InstancedBones))
A complex, moving space engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Instances2))
Stare at a colored ball moving around in a box of shapes. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/LookAt))
Explore a haunted mansion. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Mansion))
Explore a haunted mansion in virtual reality. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/MansionVR))
Blur things like if you were moving like The Flash. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/MotionBlur))
Physically based rendering of a battle-damaged sci-fi helmet. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PBRGlossy))
Similar to PBRGlossy, but with an extra bloom filter. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PBRGlossyBloom))
Simple post-processing. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PPBloom))
A more advanced post-processing demo. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PPConvolution))
Colorful particles erupting. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Particles))
Spheres and blocks with gravity added. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Physics))
It's a bird, but how did it get so flat? ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Polygon))
Don't hard-code content; generate it procedurally. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Procedural))
Explore a small store (no stealing). ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Retail))
Simulate asteroids around a planet using a solid particle system. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SPS))
Solid particles as confetti being raining down on a ball. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SPSCollisions))
Pretty darn close to a space-shooter. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SpaceDeK))
The most famous Babylon.js demo. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Sponza))
A simpler version of Sponza, but with dynamic lights. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SponzaDynamicShadows))
A futuristic car parked all by itself in a garage. Too bad there's no key. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/TheCar))
An incredibly realistic train. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Train))
Travel inside an endless rust-filled tunnel. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Tunnel))
A complex, moving replica of a V8 engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/V8))
Quick Demo for setting up a Babylon.js real-time video processing using a webcam. ([source](https://github.com/sebavan/BabylonjsVideoProcessingSample))
Windows Cafe is a great place to unwind and have a relaxing look around. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/WCafe))
A non-threatening Yeti, complete with snow. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Yeti))
Official Babylon.js demos that really showcase what it is capable of.
A racing game made in 2016 for a film school. ([source](https://github.com/BabylonJS/Website/tree/master/build/Scenes/minority-race))
A robot gives a timed presentation, with an interactive slider to control animation status. ([source](https://github.com/BabylonJS/Website/tree/master/build/Scenes/Robot))
Become a God and shape the world around you. ([source](https://github.com/BabylonJS/Website/tree/master/build/Scenes/WorldMonger))
Extra demonstrations of Babylon.js
Breakout game fully accessible for people who are blind or visually impaired. ([demo]())
A WebGL 3D game inspired by the classic puzzle game Sokoban. ([demo](https://vudugun.github.io/AlienCargo/))
Where bunnies go to die. ([demo](https://ericbroberic.itch.io/attack-of-the-killer-bunnies))
Arkanoid / Breakout clone with cinematic opening. ([demo](https://pigmin.github.io/Breakout/))
A block puzzle game. ([demo](http://pixelcodr.com/games/block/game.html))
Cosmos Journeyer is a space exploration game running directly in the browser! Take your spaceship and witness the beauty of this virtually infinite universe. ([demo](https://cosmosjourneyer.com/))
Cube Endless Runner is a 3D game built on top of WebGL and HTML5 technologies. ([demo](https://babylonjs-archive.github.io/endless-runner-3d/))
Procedural Cross-Platform 3D Tower Defense Web Game with Physics and AI and Procedural Sound. ([demo](https://xtreemze.github.io/defend/))
Simulation driving of F18 Fighter. ([demo](https://renjianfeng.github.io/F18FlightSimulator-ammojs/dist/index.html))
Multiplayer Hide-and-Seek made with BabylonJS and Colyseus. ([demo](https://docs.colyseus.io/colyseus/demo/babylonjs-editor/hide-and-seek/))
A spaceship game of gathering resources and leveling your ship. ([demo](https://www.kraem.com/Light-Speed-Ready/game.html))
Music-based game. ([demo](https://omarxo.itch.io/neotrap))
Spherical Voxel Engine demo with a robot hand. ([demo](https://svenfrankson.github.io/PlanetBuilder2022/index.html))
A fast-paced many-explosion robot racer game. ([demo](https://r6redux.herokuapp.com/))
A simple FPS game following Clean Code principles. ([demo](https://babylonjs-archive.github.io/simple-3d-fps/))
Space Invaders in your browser with 3D WebGL. ([demo](https://spaceinvaders.viperfish.com.au/))
Shoot down pirates in space. ([demo](https://spacepirates.babylonjs.com/))
A game of getting stuff from Point A to Point B... IN SPAAAACCE! ([demo](https://space-truckers.com/))
Source code for the game tutorial written by capucat. ([demo](https://capucat.github.io/summers-festival/))
FPS game. ([demo](https://thanosrestas.github.io/Theasis/dist/index.html))
Voxel browser game inspired by Minecraft. ([demo](http://voxelsrv-master.pb4.eu/))
Open source games built with Babylon.js
A prototype that shows how students (grades 7-12) can use block-based programming to create immersive 3D scenes. ([demo](https://simonguest.github.io/3dcreator/))
3D Tetris using the Babylon.js engine. ([demo](https://babylonjs-archive.github.io/3d-tetris/))
Basic DOOM clone. ([demo](https://arc0re.github.io/))
Example of how to add accessibility to 3D models. ([demo](https://symbitic.github.io/babylon-accessibility-example/))
Babylon.js demo for academic purposes. ([demo](https://svenfrankson.github.io/BabylonDemoWeb/index.html))
A first-person shooter with Babylon.js ([demo](https://renjianfeng.github.io/BabylonFpsDemo/example/index.html))
A CharacterController for Babylon.js ([demo](https://ssatguru.github.io/BabylonJS-CharacterController-Samples/demo/))
Doom-style game crafted with love. ([demo](https://babylonjs-archive.github.io/doom-clone/))
You will find here my first steps on Babylon.js ([demo](http://labs.topheman.com/babylonjs/cone-example.html))
An augmented-reality WebXR animation of Chopin's "Winter Wind" Étude to hang on your wall! Works on flat-screen, too. ([demo](https://demos.babylonjs.com/piano-portal/))
A Model Context Protocol (MCP) server that provides AI agents with access to Babylon.js documentation, API references, and source code through semantic search.
A collection of small projects that show possible ways of handling game logic in a Babylon.js game.
A starter template for those who want to use the famous JavaScript 3D game engine Babylon.js with TypeScript and Webpack.
Babylon.js basic scene with typescript, webpack, es6 modules, editorconfig, eslint, hot loading and more. Will even make coffee if you ask nicely.
Babylon.js + TypeScript WebXR template project. ([demo](https://yuiseki.github.io/babylonjs-webxr-template/))
Unity MToon Shader WebGL porting to Babylon.js. ([demo](https://virtual-cast.github.io/babylon-mtoon-material/))
Full control of post effects adjustments in Babylon.js. Supports real-time post-effect adjustments, mesh import, and post-effect data sharing. ([demo](https://harveylijh.github.io/Babylon_PostEffect_Designer_JL/))
Babylon.js ragdoll robot. ([demo](https://ragdoll-robi.web.app/))
Steering behaviors library for moving entities in the x/z plane.
Experimental game dev with Babylon.js and Angular 5. ([demo](https://adisoftbn.github.io/Bomberman3D/))
This is a debugger for use with cannon-es. ([demo](https://neu5.github.io/cannon-es-debugger-babylonjs/))
A Babylon.js game made for Christmas. ([demo](http://pixelcodr.com/games/christmasRunner/))
A truly multi-threaded JavaScript voxel game engine written in TypeScript.
Experimental Babylon.js implementation of ECSY.
A FPS game about going for a walk. ([demo](http://pixelcodr.com/games/babylonjs-fps/))
Havok physics character controller demo. ([demo](https://armomu.github.io/ergoudan/#/))
Mediapipe face capture. ([demo](https://imerso.github.io/babylon.js/facecap/))
Online Multiplayer First Person Shooter with Babylon.js & SocketIO. ([demo](https://babylon-fps-online.herokuapp.com/))
Demonstrates filters, joints, and complex assets like a water wheel. ([demo](https://eoineoineoin.github.io/glTF_Physics_Babylon/packages/demo/dist/#sceneIndex=6))
Demo of an HTML5 first-person rig built on Babylon.js and React. ([demo](https://fps.csarko.sh/))
Open Source Web-based 3D Presentation Tool. ([video](https://www.youtube.com/watch?v=1yjtpf59jv0))
A soccer ball game made for Babylon.js February Challenge. ([demo](http://pixelcodr.com/games/kicker/))
A 3D platformer browser game prototype similar to "KZ" maps in Counter Strike. ([demo](https://kzclimbing.netlify.app/client/public/))
WebGL molecule viewer. ([demo](https://gleborgne.github.io/molvwr/))
Multiplayer game with server and client-side physics engine synchronization. ([demo](http://185.82.21.82:8700/))
A Multiplayer FPS. ([demo](http://185.82.21.82/FPS-Game/public/))
A template game for multiplayer 3D shooters made in Babylon.js + nengi.js with client-side prediction and lag compensation.
Ocean demo in WebGPU. ([demo](https://popov72.github.io/OceanDemo/dist/index.html))
Remote desktop for Oculus Quest. ([demo](https://shinyoshiaki.github.io/oculus-quest-remote-desktop/build/))
Browse Spotify playlists in Virtual Reality. ([demo](https://www.playlistbrowserxr.xyz/))
Interactive models from Game Freak's classic series. ([demo](https://side_project.gitlab.io/pokeball-workshop/))
React for Babylon.js ([demo](https://brianzinn.github.io/react-babylonjs/))
Build spring-physics based 3D animation with the power of react-babylonjs and react-spring. ([demo](https://hooke.life/react-babylon-spring/))
The React framework for XR. ([demo](https://www.reactylon.com/docs))
A 3D platform game demo using Babylon.js and React. ([demo](https://tomwhall.github.io/babylon-js-platformer/))
This repository pairs with the Babylon.js Mixed Reality module that is part of the Microsoft Learn learning path inspired by the _Space Jam: A New Legacy_ film.
Star Wars Arcade Tribute. ([demo](https://ravendano014.github.io/starship/))
A Babylon.js scene made for the screensaver jam. ([demo](https://github.com/Temechon/screensaver))
The 5th Continent - an open-source multiplayer 3D RPG. ([demo](https://t5c.onrender.com/))
3D Tanks Battle WebGL game. ([video](https://www.youtube.com/watch?v=HJrAUqTd1oU))
View levels and play cut scenes for old Tomb Raider games 1/2/3/4. ([demo](https://popov72.github.io/TRN2/))
A VR throwing game. ([demo](https://office.wilcoschoneveld.com/))
A ready-to-go 3D environment for Vue.js using Babylon.js ([demo](https://vuebabylonjs.com/))
Testbed for WebXR Depth Feature. ([demo](https://drumath2237.github.io/webxr-depth-testbed-babylon/))
:zap: An Augmented Reality real-world length-measuring web app using the WebXR HitTarget feature. ([demo](https://narendra-kamath.github.io/webxr-measuring-tape/))
Examples of using Yuka for Game AI. ([demo](https://yuka.babylonpress.org/))
Open source projects using Babylon.js
[JS](https://jerome.bousquie.fr/BJS/demos/rollercoaster.js)
[JS](https://github.com/jbousquie/OfficeGames/blob/master/StarFighter/StarFighter.js)
[JS](https://jerome.bousquie.fr/BJS/demos/blow.js)
[JS](https://jerome.bousquie.fr/BJS/demos/trailingParticles.js)
[JS](https://jerome.bousquie.fr/BJS/test/SPSWasm/spsWasm.js)/[AS](https://jerome.bousquie.fr/BJS/test/SPSWasm/index.ts)
[source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/graph/corridor)
[source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/playground/shooter)
[source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/playground/hideAndSeek)
[source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/navigation/navmesh)
[source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/navigation/navmeshPerformance)
[source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/misc/savegame)
[source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/graph/tictactoe)
Demos of Babylon.js on the web.
Core developer Jason Carter elaborated on the tools and features available for developers.
How to add screen reader support to 3D objects.
Final in a series of lessons that explains how to use `AssetsManager`.
Shows how to leverage `AssetsManager` to load a custom model as a VR controller.
A guide to some of the internals of the new Babylon Native engine.
Tips on how to develop WebXR games using a Quest headset.
A behind-the-scenes look at a production-quality Babylon.js project.
The Babylon.js team introduces two interesting new features in Babylon.js 5: GUI Animations and the Accessibility Twin Renderer.
Developer Wilco Schoneveld shares his experiences developing a VR game using a Quest 2, including the source code.
Figma plugin that allows you to export Figma designs to Babylon.js GUI .json files.
FrameVR explains their web-based metaverse platform they demoed at Microsoft Build.
A guide to the low-level rendering architecture using in Babylon Native.
3Designer explains how to use Next.js to improve any Babylon.js project with faster loading and search engine visibility.
CrossRoad explains their road to creating the first book for the Japanese Babylon.js community. ([playground](https://scrapbox.io/babylonjs/Playground))
Gives some great tips about performance optimization.
Introduction by the Babylon.js team to the officially-endorsed book.
Besides explaining how to use precompute physics for mesh shattering, this official blog post from the Babylon.js team shows how to integrate it with Node Material Editor.
Microsoft Learn session introducing Babylon.js 5.0 and the new Babylon Native. ([recording](https://www.youtube.com/watch?v=cMrIvPrkB0Y))
Gives tips on how to render a large number of meshes and vertices without impacting performance.
Provides a comprehensive introduction to WebXR and how to use it to develop immersive experiences.
A first-rate collection of Babylon.js demos, each using Yuka for AI.
Information by developers, for developers.
Explains the Mustang Demo developed with the Babylon.js Unity Exporter.
Explains how to use Babylon.js on ObservableHQ, the JavaScript equivalent Jupyter Notebooks.
A complete list of all the Yuka Babylon.js links.
Valuable and informative links from the Babylon.js forum.