Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Symbitic/awesome-babylonjs

A curated list of awesome things related to Babylon.js
https://github.com/Symbitic/awesome-babylonjs

List: awesome-babylonjs

awesome awesome-list babylonjs game-engine webgl webgpu

Last synced: 3 months ago
JSON representation

A curated list of awesome things related to Babylon.js

Awesome Lists containing this project

README 

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



Babylon.js logo



> 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 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 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 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)

- [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 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)

- [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 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 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 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-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 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 3D game inspired by the classic puzzle game Sokoban. ([demo](https://vudugun.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.io/Breakout/))

- [Block](https://github.com/Temechon/block) - A block puzzle game. ([demo](http://pixelcodr.com/games/block/game.html))

- [Cube Endless Runner](https://github.com/babylonjs-archive/endless-runner-3d) - Cube Endless Runner is a 3D game built on top of WebGL and HTML5 technologies. ([demo](https://babylonjs-archive.github.io/endless-runner-3d/))

- [Defend](https://github.com/xtreemze/defend) - Procedural Cross-Platform 3D Tower Defense Web Game with Physics and AI and Procedural Sound. ([demo](https://xtreemze.github.io/defend/))

- [F18 Fighter Simulation](https://github.com/renjianfeng/F18FlightSimulator-ammojs) - Simulation driving of F18 Fighter. ([demo](https://renjianfeng.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-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.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.io/simple-3d-fps/))

- [Space Invaders](https://github.com/johnpitchers/Space-Invaders) - Space Invaders in your browser with 3D WebGL. ([demo](https://spaceinvaders.viperfish.com.au/))

- [Space Pirates](https://github.com/BabylonJS/SpacePirates) - Shoot down pirates in space. ([demo](https://spacepirates.babylonjs.com/))

- [Summer's Festival](https://github.com/BabylonJS/SummerFestival) - Source code for the game tutorial written by capucat. ([demo](https://capucat.github.io/summers-festival/))

- [Theasis](https://github.com/ThanosRestas/Theasis) - FPS game. ([demo](https://thanosrestas.github.io/Theasis/dist/index.html))

- [VoxelSrv](https://github.com/VoxelSrv/voxelsrv) - Voxel browser game inspired by 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.io/3dcreator/))

- [3D Tetris](https://github.com/babylonjs-archive/3d-tetris) - 3D Tetris using the Babylon.js engine. ([demo](https://babylonjs-archive.github.io/3d-tetris/))

- [BABYDOOM](https://github.com/Arc0re/arc0re.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.io/babylon-accessibility-example/))

- [babylon-demo](https://github.com/SvenFrankson/babylon-demo) - Babylon.js demo for academic purposes. ([demo](https://svenfrankson.github.io/BabylonDemoWeb/index.html))

- [BabylonFpsDemo](https://github.com/renjianfeng/BabylonFpsDemo) - A first-person shooter with Babylon.js ([demo](https://renjianfeng.github.io/BabylonFpsDemo/example/index.html))

- [BabylonJS-CharacterController](https://github.com/ssatguru/BabylonJS-CharacterController) - A CharacterController for Babylon.js ([demo](https://ssatguru.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.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 animation of Chopin's "Winter Wind" Étude to hang on your wall! Works on flat-screen, too. ([demo](https://demos.babylonjs.com/piano-portal/))

- [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 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, hot loading and more. Will even make coffee if you ask nicely.

- [babylonjs-webxr-template](https://github.com/yuiseki/babylonjs-webxr-template) - Babylon.js + TypeScript WebXR template project. ([demo](https://yuiseki.github.io/babylonjs-webxr-template/))

- [babylon-mtoon-material](https://github.com/virtual-cast/babylon-mtoon-material) - Unity MToon Shader WebGL porting to Babylon.js. ([demo](https://virtual-cast.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.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 5. ([demo](https://adisoftbn.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.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 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.io/ergoudan/#/))

- [facecap](https://github.com/imerso/facecap) - Mediapipe face capture. ([demo](https://imerso.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.io/glTF_Physics_Babylon/packages/demo/dist/#sceneIndex=6))

- [HTML5 FPS](https://github.com/csarkosh/html5-fps) - Demo of an HTML5 first-person rig built on Babylon.js and React. ([demo](https://fps.csarko.sh/))

- [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 molecule viewer. ([demo](https://gleborgne.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. ([demo](https://popov72.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.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 for Babylon.js ([demo](https://brianzinn.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-babylonjs and react-spring. ([demo](https://hooke.life/react-babylon-spring/))

- [Roblox meets film noir](https://github.com/TomWHall/babylon-js-platformer) - A 3D platform game demo using Babylon.js and React. ([demo](https://tomwhall.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 path inspired by the _Space Jam: A New Legacy_ film.

- [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 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.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 using Babylon.js ([demo](https://vuebabylonjs.com/))

- [webxr-depth-testbed-babylon](https://github.com/drumath2237/webxr-depth-testbed-babylon) - Testbed for WebXR Depth Feature. ([demo](https://drumath2237.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 HitTarget feature. ([demo](https://narendra-kamath.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-experiences/) - 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 on how to develop 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 files.

- [Frame at Microsoft Build: 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 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 Production Build Optimized for SEO & Speed](https://3designer.app/best/babylon-nextjs-setup) - 3Designer explains how to use 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 Business Application](https://www.thinktecture.com/en/babylonjs/babylon-angular-performance-optimization/) - Gives some great 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 on how to render a large number of meshes and vertices without impacting performance.

- [Using 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 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 equivalent 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.