---
visibility: public
---

# Babylon.js

**repo:** [Symbitic/awesome-babylonjs](https://github.com/Symbitic/awesome-babylonjs)  
**category:** [[gaming|Gaming]]
**related:** [[javascript|Javascript]]

---

# Awesome Babylon.js [![Awesome](https://awesome.re/badge-flat.svg)](https://awesome.re)

<a href="https://www.babylonjs.com/"><img alt="Babylon.js logo" src="media/logo.svg" align="right" width="150" /></a>

> A curated list of _awesome_ things related to the Babylon.js game engine.

[Babylon.js](https://www.babylonjs.com/) 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](CONTRIBUTING.md) to get started.

## Contents

- [Official links](#official-links)
- [Books](#books)
- [Playground](#playground)
- [Demos](#demos)
- [Scenes](#scenes)
- [Games](#games)
- [Projects](#projects)
- [Examples](#examples)
- [Links](#links)
- [Forum](#forum)

## Official links

_Official Babylon.js links._

- [Babylon.js Documentation](https://doc.babylonjs.com/)
- [Babylon.js Editor](https://editor.babylonjs.com/)
- [Babylon.js Features](https://www.babylonjs.com/games/)
- [Babylon.js Playground](https://playground.babylonjs.com/)
- [Babylon.js Sandbox](https://sandbox.babylonjs.com/)
- [Babylon Native](https://www.babylonjs.com/native/)
- [Babylon [React](/@harrisonqian/awesome/wiki/front-end-development/react) Native](https://www.babylonjs.com/reactnative/)
- [Changelog](https://doc.babylonjs.com/whats-new)
- [Community Demos](https://www.babylonjs.com/community/)
- [Forum](https://forum.babylonjs.com/)
- [Node Material Editor](https://nme.babylonjs.com/)
- [Partners Using Babylon.js](https://www.babylonjs.com/partners/)
- [Specifications](https://www.babylonjs.com/specifications/)
- Social Media
  - [GitHub](https://github.com/BabylonJS/Babylon.js)
  - [Medium](https://babylonjs.medium.com/)
  - [Twitter](https://twitter.com/babylonjs)
  - [YouTube Channel](https://www.youtube.com/channel/UCyOemMa5EJkIgVavJjSCLKQ)
- [SpectorJS - Explore and Troubleshoot your [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) scenes with ease](https://spector.babylonjs.com/)
- [Start Contributing to Babylon.js](https://doc.babylonjs.com/divingDeeper/developWithBjs/howToStart)

## Books

_Books about or for Babylon.js developers._

- [Babylon.js Essentials](https://www.amazon.com/Babylon-JS-Essentials-Julien-Moreau-Mathis/dp/1785884794)
- [Going the Distance with Babylon.js: Building extensible, maintainable, and attractive browser-based interactive applications using JavaScript](https://aka.ms/BabylonJSBook)

## Playground

_Noteworthy examples of community-contributed content on the Babylon.js playground._

- [360 portal](https://playground.babylonjs.com/#58I88I#186)
- [3D UI](https://playground.babylonjs.com/#947JF6#0)
- [Ammo.js Heightmap](https://playground.babylonjs.com/#8T3YBR#2)
- [Antigravity racing game demo](https://playground.babylonjs.com/#WVPVWL#0)
- [Augmented Reality Drum](https://playground.babylonjs.com/#VXA85M#5)
- [AI Basketball shooter](https://playground.babylonjs.com/#AL6VAN#1)
- [Bowling and grabbing in XR](https://playground.babylonjs.com/#KBS9I5#925)
- [Bowling lane showing gutters and physics](https://playground.babylonjs.com/#7S3ZHU#15)
- [Buttons always face user](https://playground.babylonjs.com/#CUH660#27)
- [Camera positioning on event](https://playground.babylonjs.com/#0PHDVB#0)
- [Captain Dude Fishing](https://playground.babylonjs.com/#1YD970#283)
- [Car following path](https://playground.babylonjs.com/#1YD970#14)
- [Change color on collide](https://playground.babylonjs.com/#502Z8L#0)
- [Chessboard layout and camera](https://playground.babylonjs.com/#AH85PF#53)
- [Circle menu in 3D GUI](https://playground.babylonjs.com/#092XX3#13)
- [Colliding and deforming cubes](https://playground.babylonjs.com/#RGNDK2#2)
- [Coronavirus rendering pipeline and shaders](https://playground.babylonjs.com/#3FJZD5#4)
- [Custom mesh for 3D button](https://playground.babylonjs.com/#D7LQDZ#1)
- [Custom [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) controller mesh](https://playground.babylonjs.com/#355XBJ#16)
- [Dock the boat](https://playground.babylonjs.com/#5MJ1X9#13)
- [Dynamic snow generation](https://playground.babylonjs.com/#5ZCGRM#2860)
- [Dynamic text in UI](https://playground.babylonjs.com/#9U086#4)
- [Excel simulator](https://playground.babylonjs.com/#O8QAGM#5)
- [Exploding Lofi Sphere](https://playground.babylonjs.com/#HDHQN#55)
- [Exploding Lofi Torus](https://playground.babylonjs.com/#HDHQN#56)
- [Exploding Object with Solid Particles](https://playground.babylonjs.com/#CWAQ1W#12)
- [Explosion on keydown](https://playground.babylonjs.com/#VS5XS7#0)
- [Explosions + City burning](https://playground.babylonjs.com/#4HUQQ#1479)
- [Fenerator 3D with explosion generator](https://playground.babylonjs.com/#RDJ26Q#1288)
- [Flight Simulator Experiment](https://playground.babylonjs.com/#UL7W2M#0)
- [Fruit Ninja VR Game](https://playground.babylonjs.com/#22KIIK#22)
- [Furball Shader](https://playground.babylonjs.com/#LVJG7H#0)
- [Glowing marbles falling](https://playground.babylonjs.com/#45FPFC#13)
- [Glow World](https://playground.babylonjs.com/#6MQB2X#158)
- [Grab and [move](/@harrisonqian/awesome/wiki/programming-languages/move) a ball in WebXR](https://playground.babylonjs.com/#HY823G#7)
- [Grim Grinning Ghosts with singing](https://playground.babylonjs.com/#GVPILZ#0)
- [God of War NME Weapons FX Demo](https://playground.babylonjs.com/#7XU4D8#1)
- [Great White Shark animated GLTF model](https://playground.babylonjs.com/#ISZ7Y2#0)
- [GUI follows viewpoint in WebXR](https://playground.babylonjs.com/#HJZBRG#100)
- [Gun firing](https://playground.babylonjs.com/#E8C51D#35)
- [Happy Holidays 2020 VR](https://playground.babylonjs.com/#0IRV8X#2)
- [Happy holidays custom font](https://playground.babylonjs.com/#BP7QYG#13)
- [HERO X](https://playground.babylonjs.com/#A8X91Q#10)
- [Hit the cube pointer tracker](https://playground.babylonjs.com/#0JC454#16)
- [Holographic keyboard](https://playground.babylonjs.com/#LU3FLF#6)
- [Hopping game with infinite running](https://playground.babylonjs.com/#0IIB3N#44)
- [HtmlMesh demo with overlay](https://playground.babylonjs.com/#Y2LIXI#44)
- [Joint Impulse Example](https://playground.babylonjs.com/#UFVU18#18)
- [Laser Saber mesh](https://playground.babylonjs.com/#ZS41RU#0)
- [Lego Buggy mesh](https://playground.babylonjs.com/#K7TJIG#0)
- [Light Paddle glowing mesh](https://playground.babylonjs.com/#6C8005#1)
- [Mallot and Nail VR](https://playground.babylonjs.com/#IT1QZU#13)
- [Marble slide](https://playground.babylonjs.com/#YRP925#0)
- [Marble Tower](https://playground.babylonjs.com/#3I55DK#0)
- [Mesh Speech Synthesis API](https://playground.babylonjs.com/#NE96B8#10)
- [Music Visualizer](https://playground.babylonjs.com/#MNC4HP#0)
- [Newton's cradle physics](https://playground.babylonjs.com/#8WC6ZN#112)
- [Open url by clicking object](https://playground.babylonjs.com/#11XV5X#13)
- [Pac-Man Arcade Machine in WebXR](https://playground.babylonjs.com/#4WPJCV#34)
- [physicsImposter parenting](https://playground.babylonjs.com/#ZENDZ2#0)
- [PhysX kinematic dynamic bodies](https://playground.babylonjs.com/#SLPLFT#31)
- [PhysX fluid rendering](https://playground.babylonjs.com/#SLPLFT#29)
- [Ping pong in 3D](https://playground.babylonjs.com/#RYXIT#9)
- [Point Cloud Morphing](https://playground.babylonjs.com/#2S8L5U#1)
- [portal + gravity mechanics](https://playground.babylonjs.com/#ZU8CV4#12)
- [Portal effect using shaders](https://playground.babylonjs.com/#ACPMQL#2)
- [Progressive loading of glTF with LOD](https://playground.babylonjs.com/#ARN6TJ#5)
- [Pulsars / Imps](https://playground.babylonjs.com/#1ND6TH#265)
- [Repository viewer](https://playground.babylonjs.com/#4U4QH9#35)
- [Rollercoaster](https://playground.babylonjs.com/#1HH4OJ#29)
- [Screen Capture and Composition](https://playground.babylonjs.com/#RBX8Y4#22)
- [Shattered mesh with baked physics demo](https://playground.babylonjs.com/#1BGGDU#0)
- [Simple XmlLoader GUI](https://playground.babylonjs.com/#S0IW99#23)
- [Slice CSG mesh on click](https://playground.babylonjs.com/#B2DP5I#7)
- [Soft body physics - wrecking ball + blocks](https://playground.babylonjs.com/#8WC6ZN#121)
- [Solid Particle System collisions](https://playground.babylonjs.com/#10RCC9#0)
- [Space Invader visual effects game](https://playground.babylonjs.com/#JXJBPS#5)
- [Space Ship Battle](https://playground.babylonjs.com/#G03CV5#0)
- [Spheres change color only when looked at](https://playground.babylonjs.com/#0MGV2I#0)
- [Sphere Spiral infinite rendering pipeline](https://playground.babylonjs.com/#ND4U2L#0)
- [SPS change color on click](https://playground.babylonjs.com/#2FPT1A#351)
- [StakeShooter game](https://playground.babylonjs.com/#Z88Q4W#19)
- [Submarine underwater game](https://playground.babylonjs.com/#165IV6#2526)
- [Table billards physics demo](https://playground.babylonjs.com/#1DDSV5#0)
- [Tank playground with sound](https://playground.babylonjs.com/#52M011#2)
- [Tap to Bounce Cylinder using imposters](https://playground.babylonjs.com/#88MM6V#0)
- [Targeting System for turrets](https://playground.babylonjs.com/#CMS27E#11)
- [TensorFlow.js + Webcam Demo](https://playground.babylonjs.com/#H19VH7#44)
- [TestTowerDef2 Tower Defense Game](https://playground.babylonjs.com/#XP6NNP#42)
- [The Pirate Fort](https://playground.babylonjs.com/#C21DGD#3)
- [Tic-Tac-Toe game](https://playground.babylonjs.com/#2WR12Z#2)
- [Track with Carriage Following It (First Person)](https://playground.babylonjs.com/#SQFG0Q#6)
- [Track with Carriage Following It (Third Person)](https://playground.babylonjs.com/#SQFG0Q#5)
- [Trailing mesh demo](https://playground.babylonjs.com/#Z07JE1#2)
- [Under Water Demo](https://playground.babylonjs.com/#LPTLZM#0)
- [Velocity test on soccer balls](https://playground.babylonjs.com/#5W4GH1#10)
- [Virtual Joystick GUI](https://playground.babylonjs.com/#C6V6UY#49)
- [Virtual Tour Booth](https://playground.babylonjs.com/#1JDJ9F#9)
- [VR Rythym Game](https://playground.babylonjs.com/#9M1I08#7)
- [Watch out for swords game](https://playground.babylonjs.com/#ZD364L#17)
- [Water Refraction with RTT](https://playground.babylonjs.com/#7ILX7T#0)
- [Wave Racer](https://playground.babylonjs.com/#WBEEFF#1)
- [WebXR Catching Game](https://playground.babylonjs.com/#PKQ6JV#3)
- [WebXR Physics playground](https://playground.babylonjs.com/#B922X8#19)
- [WebXR Tennis game](https://playground.babylonjs.com/#CHF3KW#108)
- [XR Goal Keeper Trainer](https://playground.babylonjs.com/#PPM311#99)
- [XR Throw Lab](https://playground.babylonjs.com/#K1WGX0#36)
- [Yellow sphere volumetric light mini-game](https://playground.babylonjs.com/#LYCSQ#256)
- [Yoshi Falling Balls](https://playground.babylonjs.com/#73TUXW#0)

## Demos

_Official Babylon.js demos that really showcase what it is capable of._

- [ActionBuilder](https://www.babylonjs.com/Demos/ActionBuilder/) - Turn the lights on/off using flip switches. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ActionBuilder))
- [Actions](https://www.babylonjs.com/Demos/Actions/) - 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))
- [Amp360Video](https://www.babylonjs.com/Demos/Amp360Video/) - Explore a video in 360°. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Amp360Video))
- [AssetsManager](https://www.babylonjs.com/Demos/AssetsManager/) - A human skull. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/AssetsManager))
- [AudioAnalyser](https://www.babylonjs.com/Demos/AudioAnalyser/) - Babylon isn't just graphics; it's a full game engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/AudioAnalyser))
- [Bones](https://www.babylonjs.com/Demos/Bones/) - A walking soldier + animated bunnies. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Bones))
- [Boom](https://www.babylonjs.com/Demos/Boom/) - Make things explode with a touch. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Boom))
- [Bump](https://www.babylonjs.com/Demos/Bump/) - Render a ball using bump mapping. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Bump))
- [CellShading](https://www.babylonjs.com/Demos/CellShading/) - Use cell-shading to reproduce a cartoon-like effect. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/CellShading))
- [Charting](https://www.babylonjs.com/Demos/Charting/) - 3D charts. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Charting))
- [ChibiRex](https://www.babylonjs.com/Demos/ChibiRex/) - An animated baby T-Rex. What more do you need? ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ChibiRex))
- [Dancers](https://www.babylonjs.com/Demos/Dancers/) - Animated 3D dancers. _warning: takes a long time to load._ ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Dancers))
- [Dancing CSG](https://www.babylonjs.com/Demos/Dancing%20CSG/) - Constructive Solid Geometry using lights and a sparkly texture. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Dancing%20CSG))
- [Decals](https://www.babylonjs.com/Demos/Decals/) - Touch the cat to splatter it with black ink. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Decals))
- [DiStraction](https://www.babylonjs.com/Demos/Distraction/) - A [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) driving game demo. Works with a DS3. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Distraction))
- [DragNDrop](https://www.babylonjs.com/Demos/DragNDrop/) - Drag and rearrange different shapes. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/DragNDrop))
- [Espilit](https://www.babylonjs.com/Demos/Espilit/) - Explore an entire (barebones) house. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Espilit))
- [ExtrudePolygon](https://www.babylonjs.com/Demos/ExtrudePolygon/) - Destroy your own house. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ExtrudePolygon))
- [Facets](https://www.babylonjs.com/Demos/Facets/) - A fountain of countless balls falling onto a complex shape, showcasing physics. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Facets))
- [Flat 2009](https://www.babylonjs.com/Demos/Flat2009/) - Explore an extremely detailed apartment, including a fishtank and bathroom. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Flat2009))
- [FlightHelmet](https://www.babylonjs.com/Demos/FlightHelmet/) - A realistic aviator's helmet. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/FlightHelmet))
- [Fur](https://www.babylonjs.com/Demos/Fur/) - A disturbingly furred bunny. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Fur))
- [GLTF](https://www.babylonjs.com/Demos/GLTF/) - A GLTF Alien model featuring facial animations. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GLTF))
- [GUI](https://www.babylonjs.com/Demos/GUI/) - An interactive 3D UI. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GUI))
- [GlowLayer](https://www.babylonjs.com/Demos/GlowLayer/) - Make a [neon](/@harrisonqian/awesome/wiki/databases/neon) pipe glow like plasma. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GlowLayer))
- [GlowingEspilit](https://www.babylonjs.com/Demos/GlowingEspilit/) - Espilit but with glowing effects. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GlowingEspilit))
- [Heightmap](https://www.babylonjs.com/Demos/Heightmap/) - Generate terrain using a heightmap. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Heightmap))
- [HillValley](https://www.babylonjs.com/Demos/HillValley/) - Explore a town isolated from the outside world, like in _The Twilight Zone._ ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/HillValley))
- [HillValleyVR](https://www.babylonjs.com/Demos/HillValleyVR/) - HillValley but creepier in VR. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/HillValleyVR))
- [Ink](https://www.babylonjs.com/Demos/Ink/) - Quick Demo of using Babylon.js to simulate inking. ([source](https://github.com/sebavan/BabylonjsInkSample))
- [InstancedBones](https://www.babylonjs.com/Demos/InstancedBones/) - A group of soldiers marching in sync. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/InstancedBones))
- [Instances2](https://www.babylonjs.com/Demos/Instances2/) - A complex, moving space engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Instances2))
- [LookAt](https://www.babylonjs.com/Demos/LookAt/) - Stare at a colored ball moving around in a box of shapes. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/LookAt))
- [Mansion](https://www.babylonjs.com/Demos/Mansion/) - Explore a haunted mansion. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Mansion))
- [MansionVR](https://www.babylonjs.com/Demos/MansionVR/) - Explore a haunted mansion in virtual reality. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/MansionVR))
- [MotionBlur](https://www.babylonjs.com/Demos/MotionBlur/) - Blur things like if you were moving like The Flash. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/MotionBlur))
- [PBRGlossy](https://www.babylonjs.com/Demos/PBRGlossy/) - Physically based rendering of a battle-damaged sci-fi helmet. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PBRGlossy))
- [PBRGlossyBloom](https://www.babylonjs.com/Demos/PBRGlossyBloom/) - Similar to PBRGlossy, but with an extra bloom filter. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PBRGlossyBloom))
- [PPBloom](https://www.babylonjs.com/Demos/PPBloom/) - Simple post-processing. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PPBloom))
- [PPConvolution](https://www.babylonjs.com/Demos/PPConvolution/) - A more advanced post-processing demo. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PPConvolution))
- [Particles](https://www.babylonjs.com/Demos/Particles/) - [Colorful](/@harrisonqian/awesome/wiki/miscellaneous/colorful) particles erupting. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Particles))
- [Physics](https://www.babylonjs.com/Demos/Physics/) - Spheres and blocks with gravity added. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Physics))
- [Polygon](https://www.babylonjs.com/Demos/Polygon/) - It's a bird, but how did it get so flat? ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Polygon))
- [Procedural](https://www.babylonjs.com/Demos/Procedural/) - Don't hard-code content; generate it procedurally. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Procedural))
- [Retail](https://www.babylonjs.com/Demos/Retail/) - Explore a small store (no stealing). ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Retail))
- [SPS](https://www.babylonjs.com/Demos/SPS/) - Simulate asteroids around a planet using a solid particle system. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SPS))
- [SPSCollisions](https://www.babylonjs.com/Demos/SPSCollisions/) - Solid particles as confetti being raining down on a ball. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SPSCollisions))
- [SpaceDeK](https://www.babylonjs.com/Demos/SpaceDeK/) - Pretty darn close to a space-shooter. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SpaceDeK))
- [Sponza](https://www.babylonjs.com/Demos/Sponza/) - The most famous Babylon.js demo. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Sponza))
- [SponzaDynamicShadows](https://www.babylonjs.com/Demos/SponzaDynamicShadows/) - A simpler version of Sponza, but with dynamic lights. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SponzaDynamicShadows))
- [TheCar](https://www.babylonjs.com/Demos/TheCar/) - 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))
- [Train](https://www.babylonjs.com/Demos/Train/) - An incredibly realistic train. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Train))
- [Tunnel](https://www.babylonjs.com/Demos/Tunnel/) - Travel inside an endless [rust](/@harrisonqian/awesome/wiki/programming-languages/rust)-filled tunnel. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Tunnel))
- [V8](https://www.babylonjs.com/Demos/V8/) - A complex, moving replica of a V8 engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/V8))
- [Video Processing Sample](https://www.babylonjs.com/Demos/VideoProcessing/) - Quick Demo for setting up a Babylon.js real-time video processing using a webcam. ([source](https://github.com/sebavan/BabylonjsVideoProcessingSample))
- [WCafe](https://www.babylonjs.com/Demos/WCafe/) - [Windows](/@harrisonqian/awesome/wiki/platforms/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))
- [Yeti](https://www.babylonjs.com/Demos/Yeti/) - A non-threatening Yeti, complete with snow. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Yeti))

## Scenes

_Extra demonstrations of Babylon.js_

- [Minority Race](https://www.babylonjs.com/Scenes/minority-race/) - A racing game made in 2016 for a film school. ([source](https://github.com/BabylonJS/Website/tree/master/build/Scenes/minority-race))
- [Robot Presentation](https://www.babylonjs.com/Scenes/Robot/) - 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))
- [World Monger](https://www.babylonjs.com/Scenes/WorldMonger/) - Become a God and shape the world around you. ([source](https://github.com/BabylonJS/Website/tree/master/build/Scenes/WorldMonger))

## Games

_Open source games built with Babylon.js_

- [Accessible Breakout](https://github.com/babylonjs-archive/accessiblebreakout) - Breakout game fully accessible for people who are blind or visually impaired. ([demo]())
- [Alien Cargo](https://github.com/vudugun/AlienCargo) - A [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) 3D game inspired by the classic puzzle game Sokoban. ([demo](https://vudugun.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/AlienCargo/))
- [Attack of the Killer Bunnies](https://github.com/farmersanonymous/killer-bunnies) - Where bunnies go to die. ([demo](https://ericbroberic.itch.io/attack-of-the-killer-bunnies))
- [Barkanoid](https://github.com/pigmin/Breakout) - Arkanoid / Breakout clone with cinematic opening. ([demo](https://pigmin.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/Breakout/))
- [Block](https://github.com/Temechon/block) - A block puzzle game. ([demo](http://pixelcodr.com/games/block/game.html))
- [Cosmos Journeyer](https://github.com/BarthPaleologue/CosmosJourneyer) - 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](https://github.com/babylonjs-archive/endless-runner-3d) - Cube Endless Runner is a 3D game built on top of [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) and [HTML5](/@harrisonqian/awesome/wiki/front-end-development/html5) technologies. ([demo](https://babylonjs-archive.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/endless-runner-3d/))
- [Defend](https://github.com/xtreemze/defend) - Procedural [Cross-Platform](/@harrisonqian/awesome/wiki/platforms/cross-platform) 3D Tower Defense Web Game with Physics and AI and Procedural Sound. ([demo](https://xtreemze.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/defend/))
- [F18 Fighter Simulation](https://github.com/renjianfeng/F18FlightSimulator-ammojs) - Simulation driving of F18 Fighter. ([demo](https://renjianfeng.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/F18FlightSimulator-ammojs/dist/index.html))
- [Hide and Seek Demo](https://github.com/colyseus/babylonjs-hide-and-seek) - Multiplayer Hide-and-Seek made with BabylonJS and Colyseus. ([demo](https://docs.colyseus.io/colyseus/demo/babylonjs-editor/hide-and-seek/))
- [Light Speed Ready!](https://github.com/Xanmia/Light-Speed-Ready) - A spaceship game of gathering resources and leveling your ship. ([demo](https://www.kraem.com/Light-Speed-Ready/game.html))
- [NeoTrap](https://github.com/shanadeshana/NeoTrap) - [Music](/@harrisonqian/awesome/wiki/media/music)-based game. ([demo](https://omarxo.itch.io/neotrap))
- [Planet Builder](https://github.com/SvenFrankson/planet-builder-web) - Spherical Voxel Engine demo with a robot hand. ([demo](https://svenfrankson.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/PlanetBuilder2022/index.html))
- [Raucous Running and Rampaging Robot Racer Rally (R6)](https://github.com/hrr8-hermes/hrr8-hermes) - A fast-paced many-explosion robot racer game. ([demo](https://r6redux.herokuapp.com/))
- [Simple 3D FPS](https://github.com/babylonjs-archive/simple-3d-fps) - A simple FPS game following Clean Code principles. ([demo](https://babylonjs-archive.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/simple-3d-fps/))
- [Space Invaders](https://github.com/johnpitchers/Space-Invaders) - Space Invaders in your browser with 3D [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl). ([demo](https://spaceinvaders.viperfish.com.au/))
- [Space Pirates](https://github.com/BabylonJS/SpacePirates) - Shoot down pirates in space. ([demo](https://spacepirates.babylonjs.com/))
- [Space Truckers](https://github.com/jelster/space-truckers) - A game of getting stuff from Point A to Point B... IN SPAAAACCE! ([demo](https://space-truckers.com/))
- [Summer's Festival](https://github.com/BabylonJS/SummerFestival) - Source code for the game tutorial written by capucat. ([demo](https://capucat.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/summers-festival/))
- [Theasis](https://github.com/ThanosRestas/Theasis) - FPS game. ([demo](https://thanosrestas.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/Theasis/dist/index.html))
- [VoxelSrv](https://github.com/VoxelSrv/voxelsrv) - Voxel browser game inspired by [Minecraft](/@harrisonqian/awesome/wiki/gaming/minecraft). ([demo](http://voxelsrv-master.pb4.eu/))

## Projects

_Open source projects using Babylon.js_

- [3D Creator](https://github.com/simonguest/3dcreator) - A prototype that shows how students (grades 7-12) can use block-based programming to create immersive 3D scenes. ([demo](https://simonguest.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/3dcreator/))
- [3D Tetris](https://github.com/babylonjs-archive/3d-tetris) - 3D Tetris using the Babylon.js engine. ([demo](https://babylonjs-archive.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/3d-tetris/))
- [BABYDOOM](https://github.com/Arc0re/arc0re.[github](/@harrisonqian/awesome/wiki/development-environment/github).io) - Basic DOOM clone. ([demo](https://arc0re.github.io/))
- [babylon-accessibility-example](https://github.com/Symbitic/babylon-accessibility-example) - Example of how to add accessibility to 3D models. ([demo](https://symbitic.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/babylon-accessibility-example/))
- [babylon-demo](https://github.com/SvenFrankson/babylon-demo) - Babylon.js demo for academic purposes. ([demo](https://svenfrankson.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/BabylonDemoWeb/index.html))
- [BabylonFpsDemo](https://github.com/renjianfeng/BabylonFpsDemo) - A first-person shooter with Babylon.js ([demo](https://renjianfeng.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/BabylonFpsDemo/example/index.html))
- [BabylonJS-CharacterController](https://github.com/ssatguru/BabylonJS-CharacterController) - A CharacterController for Babylon.js ([demo](https://ssatguru.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/BabylonJS-CharacterController-Samples/demo/))
- [BabylonJS-Doom-Clone](https://github.com/babylonjs-archive/doom-clone) - Doom-style game crafted with love. ([demo](https://babylonjs-archive.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/doom-clone/))
- [BabylonJSFirstSteps](https://github.com/topheman/BabylonJSFirstSteps) - You will find here my first steps on Babylon.js ([demo](http://labs.topheman.com/babylonjs/cone-example.html))
- [Babylon.js "magic" piano portal](https://github.com/docEdub/babylonjs-ar-piano-portal) - An augmented-reality [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/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/))
- [Babylon MCP Server](https://github.com/immersiveidea/babylon-mcp) - A Model Context Protocol (MCP) server that provides AI agents with access to Babylon.js documentation, API references, and source code through semantic search.
- [BabylonJS Typescript Logic Examples](https://github.com/DisownedWheat/BabylonJS-Game-Logic-Examples) - A collection of small projects that show possible ways of handling game logic in a Babylon.js game.
- [babylonjs-typescript-webpack-starter](https://github.com/pandadelphin/babylonjs-typescript-webpack-starter) - A starter template for those who want to use the famous [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) 3D game engine Babylon.js with TypeScript and Webpack.
- [babylonjs-webpack-es6](https://github.com/RaananW/babylonjs-webpack-es6) - Babylon.js basic scene with typescript, webpack, es6 modules, editorconfig, [eslint](/@harrisonqian/awesome/wiki/programming-languages/eslint), hot loading and more. Will even make coffee if you ask nicely.
- [babylonjs-[webxr](/@harrisonqian/awesome/wiki/miscellaneous/webxr)-template](https://github.com/yuiseki/babylonjs-webxr-template) - Babylon.js + TypeScript [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) template project. ([demo](https://yuiseki.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/babylonjs-webxr-template/))
- [babylon-mtoon-material](https://github.com/virtual-cast/babylon-mtoon-material) - [Unity](/@harrisonqian/awesome/wiki/gaming/unity) MToon Shader [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) porting to Babylon.js. ([demo](https://virtual-cast.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/babylon-mtoon-material/))
- [Babylon PostEffect Designer](https://github.com/HarveyLijh/Babylon_PostEffect_Designer_JL) - 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](/@harrisonqian/awesome/wiki/development-environment/github).io/Babylon_PostEffect_Designer_JL/))
- [babylon_ragdoll_robi](https://github.com/Takebon/babylon_ragdoll_robi) - Babylon.js ragdoll robot. ([demo](https://ragdoll-robi.web.app/))
- [babylon-steering](https://github.com/LorenzoCorbella74/babylon-steering) - Steering behaviors library for moving entities in the x/z plane.
- [Bomberman 3D](https://github.com/adisoftbn/Bomberman3D) - Experimental game dev with Babylon.js and [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular) 5. ([demo](https://adisoftbn.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/Bomberman3D/))
- [cannon-es-debugger-babylonjs](https://github.com/neu5/cannon-es-debugger-babylonjs) - This is a debugger for use with cannon-es. ([demo](https://neu5.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/cannon-es-debugger-babylonjs/))
- [Christmas runner](https://github.com/Temechon/Christmas-runner) - A Babylon.js game made for Christmas. ([demo](http://pixelcodr.com/games/christmasRunner/))
- [Divine Voxel Engine](https://github.com/Divine-Star-Software/DivineVoxelEngine) - A truly multi-threaded [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) voxel game engine written in TypeScript.
- [ecsy-babylon](https://github.com/kaliber5/ecsy-babylon) - Experimental Babylon.js implementation of ECSY.
- [Epic Guide](https://github.com/Temechon/Babylon.js-FPS) - A FPS game about going for a walk. ([demo](http://pixelcodr.com/games/babylonjs-fps/))
- [ergoudan](https://github.com/armomu/ergoudan) - Havok physics character controller demo. ([demo](https://armomu.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/ergoudan/#/))
- [facecap](https://github.com/imerso/facecap) - Mediapipe face capture. ([demo](https://imerso.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/babylon.js/facecap/))
- [fps-babylon-js](https://github.com/Raigyo/fps-babylon-js) - Online Multiplayer First Person Shooter with Babylon.js & SocketIO. ([demo](https://babylon-fps-online.herokuapp.com/))
- [glTF_Physics_Babylon](https://github.com/eoineoineoin/glTF_Physics_Babylon) - Demonstrates filters, joints, and complex assets like a water wheel. ([demo](https://eoineoineoin.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/glTF_Physics_Babylon/packages/demo/dist/#sceneIndex=6))
- [HTML5 FPS](https://github.com/csarkosh/html5-fps) - Demo of an [HTML5](/@harrisonqian/awesome/wiki/front-end-development/html5) first-person rig built on Babylon.js and [React](/@harrisonqian/awesome/wiki/front-end-development/react). ([demo](https://fps.csarko.sh/))
- [Immersa](https://github.com/ertugrulcetin/immersa) - Open Source Web-based 3D Presentation Tool. ([video](https://www.youtube.com/watch?v=1yjtpf59jv0))
- [Kicker](https://github.com/Temechon/kicker) - A soccer ball game made for Babylon.js February Challenge. ([demo](http://pixelcodr.com/games/kicker/))
- [KZ Climbing](https://github.com/BabylonJSGames/BabylonJS-Platformer-Game-Prototype) - A 3D platformer browser game prototype similar to "KZ" maps in Counter Strike. ([demo](https://kzclimbing.netlify.app/client/public/))
- [Molvwr](https://github.com/gleborgne/molvwr) - [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) molecule viewer. ([demo](https://gleborgne.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/molvwr/))
- [multiplayer-babylon-js-game](https://github.com/aeon0/multiplayer-babylon-js-game) - Multiplayer game with server and client-side physics engine synchronization. ([demo](http://185.82.21.82:8700/))
- [Multiplayer FPS-Game](https://github.com/aeon0/FPS-Game) - A Multiplayer FPS. ([demo](http://185.82.21.82/FPS-Game/public/))
- [nengi + Babylon 3D shooter template](https://github.com/timetocode/nengi-babylon-3d-shooter) - A template game for multiplayer 3D shooters made in Babylon.js + nengi.js with client-side prediction and lag compensation.
- [OceanDemo](https://github.com/Popov72/OceanDemo) - Ocean demo in [WebGPU](/@harrisonqian/awesome/wiki/front-end-development/webgpu). ([demo](https://popov72.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/OceanDemo/dist/index.html))
- [Oculus Quest Remote Desktop](https://github.com/shinyoshiaki/oculus-quest-remote-desktop) - Remote desktop for Oculus Quest. ([demo](https://shinyoshiaki.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/oculus-quest-remote-desktop/build/))
- [Playlist Browser XR](https://github.com/Symbitic/PlaylistBrowserXR) - Browse Spotify playlists in Virtual Reality. ([demo](https://www.playlistbrowserxr.xyz/))
- [Pokeball Workshop](https://gitlab.com/side_project/pokeball-workshop) - Interactive models from Game Freak's classic series. ([demo](https://side_project.gitlab.io/pokeball-workshop/))
- [react-babylonjs](https://github.com/brianzinn/react-babylonjs) - [React](/@harrisonqian/awesome/wiki/front-end-development/react) for Babylon.js ([demo](https://brianzinn.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/react-babylonjs/))
- [react-babylon-spring](https://github.com/hookex/react-babylon-spring) - Build spring-physics based 3D animation with the power of [react](/@harrisonqian/awesome/wiki/front-end-development/react)-babylonjs and [react](/@harrisonqian/awesome/wiki/front-end-development/react)-spring. ([demo](https://hooke.life/react-babylon-spring/))
- [Reactylon](https://github.com/simonedevit/reactylon) - The [React](/@harrisonqian/awesome/wiki/front-end-development/react) framework for XR. ([demo](https://www.reactylon.com/docs))
- [Roblox meets film noir](https://github.com/TomWHall/babylon-js-platformer) - A 3D platform game demo using Babylon.js and [React](/@harrisonqian/awesome/wiki/front-end-development/react). ([demo](https://tomwhall.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/babylon-js-platformer/))
- [Space Jam: A New Legacy BabylonJS Mixed Reality Experience](https://github.com/microsoft/space-jam-a-new-legacy-babylonjs-template) - This repository pairs with the Babylon.js Mixed Reality module that is part of the Microsoft Learn [learning](/@harrisonqian/awesome/wiki/programming-languages/learning) path inspired by the _Space Jam: A New Legacy_ film.
- [Starship Flight Simulator](https://github.com/ravendano014/starship) - Star Wars Arcade Tribute. ([demo](https://ravendano014.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/starship/))
- [Swarm](https://temechon.itch.io/swarm) - A Babylon.js scene made for the screensaver jam. ([demo](https://github.com/Temechon/screensaver))
- [t5c](https://github.com/orion3dgames/t5c) - The 5th Continent - an open-source multiplayer 3D RPG. ([demo](https://t5c.onrender.com/))
- [TanksBattle_WebGL_Using_Babylonjs](https://github.com/khaledose/TanksBattle_WebGL_Using_Babylonjs) - 3D Tanks Battle [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) game. ([video](https://www.youtube.com/watch?v=HJrAUqTd1oU))
- [Tomb Raider Nostalgia](https://github.com/Popov72/TRN2) - View levels and play cut scenes for old Tomb Raider games 1/2/3/4. ([demo](https://popov72.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/TRN2/))
- [VR Office Throwing Game](https://github.com/wilcoschoneveld/office) - A VR throwing game. ([demo](https://office.wilcoschoneveld.com/))
- [Vue-BabylonJS](https://github.com/Beg-in/vue-babylonjs) - A ready-to-go 3D environment for [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js) using Babylon.js ([demo](https://vuebabylonjs.com/))
- [webxr-depth-testbed-babylon](https://github.com/drumath2237/webxr-depth-testbed-babylon) - Testbed for [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) Depth Feature. ([demo](https://drumath2237.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/webxr-depth-testbed-babylon/))
- [WebXR Measuring Tape](https://github.com/Narendra-Kamath/webxr-measuring-tape) - :zap: An Augmented Reality real-world length-measuring web app using the [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) HitTarget feature. ([demo](https://narendra-kamath.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/webxr-measuring-tape/))
- [yuka-babylonjs-examples](https://github.com/eldinor/yuka-babylonjs-examples) - Examples of using Yuka for Game AI. ([demo](https://yuka.babylonpress.org/))

## Examples

_Demos of Babylon.js on the web._

- [Roller coaster](https://jerome.bousquie.fr/BJS/demos/rollercoaster.html) - [JS](https://jerome.bousquie.fr/BJS/demos/rollercoaster.js)
- [Star Fighter](http://jerome.bousquie.fr/BJS/OfficeGames/StarFighter/StarFighter.html) - [JS](https://github.com/jbousquie/OfficeGames/blob/master/StarFighter/StarFighter.js)
- [Blowing Wall](https://jerome.bousquie.fr/BJS/demos/blow.html) - [JS](https://jerome.bousquie.fr/BJS/demos/blow.js)
- [Trailing Particles](https://jerome.bousquie.fr/BJS/demos/trailingParticles.html) - [JS](https://jerome.bousquie.fr/BJS/demos/trailingParticles.js)
- [SPS AssemblyScript Demo](https://jerome.bousquie.fr/BJS/test/SPSWasm/spsWasm.html) - [JS](https://jerome.bousquie.fr/BJS/test/SPSWasm/spsWasm.js)/[AS](https://jerome.bousquie.fr/BJS/test/SPSWasm/index.ts)
- [Yuka Corridor Algorithm](https://yuka.babylonpress.org/examples/js/graph/corridor/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/graph/corridor)
- [Yuka First-Person Shooter](https://yuka.babylonpress.org/examples/js/playground/shooter/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/playground/shooter)
- [Yuka Hide And Seek Shooter](https://yuka.babylonpress.org/examples/js/playground/hideAndSeek/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/playground/hideAndSeek)
- [Yuka Navigation Mesh](https://yuka.babylonpress.org/examples/js/navigation/navmesh/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/navigation/navmesh)
- [Yuka Navmesh Performance](https://yuka.babylonpress.org/examples/js/navigation/navmeshPerformance/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/navigation/navmeshPerformance)
- [Yuka Savegames](https://yuka.babylonpress.org/examples/js/misc/savegame/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/misc/savegame)
- [Yuka Tic-Tac-Toe](https://yuka.babylonpress.org/examples/js/graph/tictactoe/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/graph/tictactoe)

## Links

_Information by developers, for developers._

- [80 Level interview](https://80.lv/articles/babylon-js-a-web-first-game-engine-powering-[cross-platform](/@harrisonqian/awesome/wiki/platforms/cross-platform)-experiences/) - [Core](/@harrisonqian/awesome/wiki/platforms/core) developer Jason Carter elaborated on the tools and features available for developers.
- [Accessibility Scene Tree for Screen Readers](https://doc.babylonjs.com/toolsAndResources/accessibility/screenReaders) - How to add screen reader support to 3D objects.
- [Babylon JS Day 10: Terrarium](https://radicalappdev.com/2021/03/12/babylon-js-day-10-terrarium/) - Final in a series of lessons that explains how to use `AssetsManager`.
- [Babylon JS Day 19: Golf Club](https://radicalappdev.com/2021/03/25/babylon-js-day-19/) - Shows how to leverage `AssetsManager` to load a custom model as a VR controller.
- [Babylon Native in a Headless Environment](https://babylonjs.medium.com/babylon-native-in-a-headless-environment-868409b8b1cf) - A guide to some of the internals of the new Babylon Native engine.
- [Babylon on Quest](https://blairmacintyre.me/2019/11/20/babylon-on-quest-one-small-step/) - [Tips](/@harrisonqian/awesome/wiki/programming-languages/tips) on how to develop [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) games using a Quest headset.
- [Building the Web-Based 3d Digital Experience for the Mayflower Autonomous Ship](https://joepavitt.medium.com/building-the-web-based-3d-digital-experience-for-the-mayflower-autonomous-ship-a56f08e6558) - A behind-the-scenes look at a production-quality Babylon.js project.
- [Canvas Accessibility and GUI Animations with Babylon.js](https://babylonjs.medium.com/canvas-accessibility-and-gui-animations-with-babylon-js-8001378a1509) - The Babylon.js team introduces two interesting new features in Babylon.js 5: GUI Animations and the Accessibility Twin Renderer.
- [Challenges of a web VR throwing game - DEV Community](https://dev.to/wilcoschoneveld/challenges-of-a-web-vr-throwing-game-1c66) - Developer Wilco Schoneveld shares his experiences developing a VR game using a Quest 2, including the source code.
- [Figma to BabylonJS](https://doc.babylonjs.com/communityExtensions/figmaToBabylonJS) - Figma plugin that allows you to export Figma designs to Babylon.js GUI .[json](/@harrisonqian/awesome/wiki/miscellaneous/json) files.
- [Frame at Microsoft Build: [Speaking](/@harrisonqian/awesome/wiki/learn/speaking) the World Into Existence](https://learn.framevr.io/post/msbuild2022) - FrameVR explains their web-based metaverse platform they demoed at Microsoft Build.
- [Getting [cross-platform](/@harrisonqian/awesome/wiki/platforms/cross-platform) rendering with Babylon Native and GLFW](https://babylonjs.medium.com/getting-cross-platform-rendering-with-babylon-native-and-glfw-e0f1422f4d74) - A guide to the low-level rendering architecture using in Babylon Native.
- [How to Setup Babylon + [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js) Production Build Optimized for SEO & Speed](https://3designer.app/best/babylon-nextjs-setup) - 3Designer explains how to use [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js) to improve any Babylon.js project with faster loading and search engine visibility.
- [How we published a new Babylon.js recipe book Vol. 1](https://www.crossroad-tech.com/entry/Babylonjs-recipe-Vol1-en) - CrossRoad explains their road to creating the first book for the Japanese Babylon.js community. ([playground](https://scrapbox.io/babylonjs/Playground))
- [Integrating BabylonJS 3D Engine into an [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular) Business Application](https://www.thinktecture.com/en/babylonjs/babylon-angular-performance-optimization/) - Gives some great [tips](/@harrisonqian/awesome/wiki/programming-languages/tips) about performance optimization.
- [Journey Beyond The Docs](https://doc.babylonjs.com/guidedLearning/bjsBook) - Introduction by the Babylon.js team to the officially-endorsed book.
- [Mesh shattering with baked physics](https://babylonjs.medium.com/mesh-shattering-with-baked-physics-5b3f8f381743) - 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.
- [MR and the Web with Babylon.js 5.0](https://learn.microsoft.com/en-us/events/mixed-reality-dev-days/mr-and-the-web-with-babylonjs-50) - Microsoft Learn session introducing Babylon.js 5.0 and the new Babylon Native. ([recording](https://www.youtube.com/watch?v=cMrIvPrkB0Y))
- [Optimizing a Large-Scale Babylon.js Scene](https://joepavitt.medium.com/optimizing-a-large-scale-babylon-js-scene-9466bb715e15) - Gives [tips](/@harrisonqian/awesome/wiki/programming-languages/tips) on how to render a large number of meshes and vertices without impacting performance.
- [Using [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) With Babylon.js — Smashing Magazine](https://www.smashingmagazine.com/2020/10/using-webxr-with-babylonjs/) - Provides a comprehensive introduction to WebXR and how to use it to develop immersive experiences.
- [Yuka + Babylon.js Examples - Game AI Examples with Babylon.js](https://yuka.babylonpress.org/examples/) - A first-rate collection of Babylon.js demos, each using Yuka for AI.

## Forum

_Valuable and informative links from the Babylon.js forum._

- [Demo Ammo Physics Scene](https://forum.babylonjs.com/t/demo-ammo-physics-scene/32827) - Explains the Mustang Demo developed with the Babylon.js [Unity](/@harrisonqian/awesome/wiki/gaming/unity) Exporter.
- [Observablehq.com + BabylonJS StarterKit](https://forum.babylonjs.com/t/observablehq-com-babylonjs-starterkit/24791) - Explains how to use Babylon.js on ObservableHQ, the [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) equivalent [Jupyter](/@harrisonqian/awesome/wiki/miscellaneous/jupyter) Notebooks.
- [Yuka Game AI + Babylon.js Examples](https://forum.babylonjs.com/t/yuka-game-ai-babylon-js-examples-the-1st-release/27690) - A complete list of all the Yuka Babylon.js links.
