69 KiB
69 KiB
Awesome Babylon.js !Awesome (https://awesome.re/badge-flat.svg) (https://awesome.re)
▐ 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.
babylonjs Github: https://github.com/Symbitic/awesome-babylonjs
▐ 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.
babylonjs Github: https://github.com/Symbitic/awesome-babylonjs