Files
awesome-awesomeness/terminal/babylonjs2
2025-07-18 23:13:11 +02:00

381 lines
69 KiB
Plaintext
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
 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