[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome / wiki/gaming/babylon-js.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- visibility: public --- # Babylon.js **repo:** [Symbitic/awesome-babylonjs](https://github.com/Symbitic/awesome-babylonjs) **category:** [[gaming|Gaming]] **related:** [[javascript|Javascript]] --- # Awesome Babylon.js [](https://awesome.re) <a href="https://www.babylonjs.com/"><img alt="Babylon.js logo" src="media/logo.svg" align="right" width="150" /></a> > A curated list of _awesome_ things related to the Babylon.js game engine. [Babylon.js](https://www.babylonjs.com/) is an open-source game and rendering engine written in TypeScript designed to be powerful, beautiful, simple, and open. It supports cross-platform game development through WebGL, WebGPU, and the Babylon Native runtime. > Your contributions are always welcome! Please read the [contributing guidelines](CONTRIBUTING.md) to get started. ## Contents - [Official links](#official-links) - [Books](#books) - [Playground](#playground) - [Demos](#demos) - [Scenes](#scenes) - [Games](#games) - [Projects](#projects) - [Examples](#examples) - [Links](#links) - [Forum](#forum) ## Official links _Official Babylon.js links._ - [Babylon.js Documentation](https://doc.babylonjs.com/) - [Babylon.js Editor](https://editor.babylonjs.com/) - [Babylon.js Features](https://www.babylonjs.com/games/) - [Babylon.js Playground](https://playground.babylonjs.com/) - [Babylon.js Sandbox](https://sandbox.babylonjs.com/) - [Babylon Native](https://www.babylonjs.com/native/) - [Babylon [React](/@harrisonqian/awesome/wiki/front-end-development/react) Native](https://www.babylonjs.com/reactnative/) - [Changelog](https://doc.babylonjs.com/whats-new) - [Community Demos](https://www.babylonjs.com/community/) - [Forum](https://forum.babylonjs.com/) - [Node Material Editor](https://nme.babylonjs.com/) - [Partners Using Babylon.js](https://www.babylonjs.com/partners/) - [Specifications](https://www.babylonjs.com/specifications/) - Social Media - [GitHub](https://github.com/BabylonJS/Babylon.js) - [Medium](https://babylonjs.medium.com/) - [Twitter](https://twitter.com/babylonjs) - [YouTube Channel](https://www.youtube.com/channel/UCyOemMa5EJkIgVavJjSCLKQ) - [SpectorJS - Explore and Troubleshoot your [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) scenes with ease](https://spector.babylonjs.com/) - [Start Contributing to Babylon.js](https://doc.babylonjs.com/divingDeeper/developWithBjs/howToStart) ## Books _Books about or for Babylon.js developers._ - [Babylon.js Essentials](https://www.amazon.com/Babylon-JS-Essentials-Julien-Moreau-Mathis/dp/1785884794) - [Going the Distance with Babylon.js: Building extensible, maintainable, and attractive browser-based interactive applications using JavaScript](https://aka.ms/BabylonJSBook) ## Playground _Noteworthy examples of community-contributed content on the Babylon.js playground._ - [360 portal](https://playground.babylonjs.com/#58I88I#186) - [3D UI](https://playground.babylonjs.com/#947JF6#0) - [Ammo.js Heightmap](https://playground.babylonjs.com/#8T3YBR#2) - [Antigravity racing game demo](https://playground.babylonjs.com/#WVPVWL#0) - [Augmented Reality Drum](https://playground.babylonjs.com/#VXA85M#5) - [AI Basketball shooter](https://playground.babylonjs.com/#AL6VAN#1) - [Bowling and grabbing in XR](https://playground.babylonjs.com/#KBS9I5#925) - [Bowling lane showing gutters and physics](https://playground.babylonjs.com/#7S3ZHU#15) - [Buttons always face user](https://playground.babylonjs.com/#CUH660#27) - [Camera positioning on event](https://playground.babylonjs.com/#0PHDVB#0) - [Captain Dude Fishing](https://playground.babylonjs.com/#1YD970#283) - [Car following path](https://playground.babylonjs.com/#1YD970#14) - [Change color on collide](https://playground.babylonjs.com/#502Z8L#0) - [Chessboard layout and camera](https://playground.babylonjs.com/#AH85PF#53) - [Circle menu in 3D GUI](https://playground.babylonjs.com/#092XX3#13) - [Colliding and deforming cubes](https://playground.babylonjs.com/#RGNDK2#2) - [Coronavirus rendering pipeline and shaders](https://playground.babylonjs.com/#3FJZD5#4) - [Custom mesh for 3D button](https://playground.babylonjs.com/#D7LQDZ#1) - [Custom [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) controller mesh](https://playground.babylonjs.com/#355XBJ#16) - [Dock the boat](https://playground.babylonjs.com/#5MJ1X9#13) - [Dynamic snow generation](https://playground.babylonjs.com/#5ZCGRM#2860) - [Dynamic text in UI](https://playground.babylonjs.com/#9U086#4) - [Excel simulator](https://playground.babylonjs.com/#O8QAGM#5) - [Exploding Lofi Sphere](https://playground.babylonjs.com/#HDHQN#55) - [Exploding Lofi Torus](https://playground.babylonjs.com/#HDHQN#56) - [Exploding Object with Solid Particles](https://playground.babylonjs.com/#CWAQ1W#12) - [Explosion on keydown](https://playground.babylonjs.com/#VS5XS7#0) - [Explosions + City burning](https://playground.babylonjs.com/#4HUQQ#1479) - [Fenerator 3D with explosion generator](https://playground.babylonjs.com/#RDJ26Q#1288) - [Flight Simulator Experiment](https://playground.babylonjs.com/#UL7W2M#0) - [Fruit Ninja VR Game](https://playground.babylonjs.com/#22KIIK#22) - [Furball Shader](https://playground.babylonjs.com/#LVJG7H#0) - [Glowing marbles falling](https://playground.babylonjs.com/#45FPFC#13) - [Glow World](https://playground.babylonjs.com/#6MQB2X#158) - [Grab and [move](/@harrisonqian/awesome/wiki/programming-languages/move) a ball in WebXR](https://playground.babylonjs.com/#HY823G#7) - [Grim Grinning Ghosts with singing](https://playground.babylonjs.com/#GVPILZ#0) - [God of War NME Weapons FX Demo](https://playground.babylonjs.com/#7XU4D8#1) - [Great White Shark animated GLTF model](https://playground.babylonjs.com/#ISZ7Y2#0) - [GUI follows viewpoint in WebXR](https://playground.babylonjs.com/#HJZBRG#100) - [Gun firing](https://playground.babylonjs.com/#E8C51D#35) - [Happy Holidays 2020 VR](https://playground.babylonjs.com/#0IRV8X#2) - [Happy holidays custom font](https://playground.babylonjs.com/#BP7QYG#13) - [HERO X](https://playground.babylonjs.com/#A8X91Q#10) - [Hit the cube pointer tracker](https://playground.babylonjs.com/#0JC454#16) - [Holographic keyboard](https://playground.babylonjs.com/#LU3FLF#6) - [Hopping game with infinite running](https://playground.babylonjs.com/#0IIB3N#44) - [HtmlMesh demo with overlay](https://playground.babylonjs.com/#Y2LIXI#44) - [Joint Impulse Example](https://playground.babylonjs.com/#UFVU18#18) - [Laser Saber mesh](https://playground.babylonjs.com/#ZS41RU#0) - [Lego Buggy mesh](https://playground.babylonjs.com/#K7TJIG#0) - [Light Paddle glowing mesh](https://playground.babylonjs.com/#6C8005#1) - [Mallot and Nail VR](https://playground.babylonjs.com/#IT1QZU#13) - [Marble slide](https://playground.babylonjs.com/#YRP925#0) - [Marble Tower](https://playground.babylonjs.com/#3I55DK#0) - [Mesh Speech Synthesis API](https://playground.babylonjs.com/#NE96B8#10) - [Music Visualizer](https://playground.babylonjs.com/#MNC4HP#0) - [Newton's cradle physics](https://playground.babylonjs.com/#8WC6ZN#112) - [Open url by clicking object](https://playground.babylonjs.com/#11XV5X#13) - [Pac-Man Arcade Machine in WebXR](https://playground.babylonjs.com/#4WPJCV#34) - [physicsImposter parenting](https://playground.babylonjs.com/#ZENDZ2#0) - [PhysX kinematic dynamic bodies](https://playground.babylonjs.com/#SLPLFT#31) - [PhysX fluid rendering](https://playground.babylonjs.com/#SLPLFT#29) - [Ping pong in 3D](https://playground.babylonjs.com/#RYXIT#9) - [Point Cloud Morphing](https://playground.babylonjs.com/#2S8L5U#1) - [portal + gravity mechanics](https://playground.babylonjs.com/#ZU8CV4#12) - [Portal effect using shaders](https://playground.babylonjs.com/#ACPMQL#2) - [Progressive loading of glTF with LOD](https://playground.babylonjs.com/#ARN6TJ#5) - [Pulsars / Imps](https://playground.babylonjs.com/#1ND6TH#265) - [Repository viewer](https://playground.babylonjs.com/#4U4QH9#35) - [Rollercoaster](https://playground.babylonjs.com/#1HH4OJ#29) - [Screen Capture and Composition](https://playground.babylonjs.com/#RBX8Y4#22) - [Shattered mesh with baked physics demo](https://playground.babylonjs.com/#1BGGDU#0) - [Simple XmlLoader GUI](https://playground.babylonjs.com/#S0IW99#23) - [Slice CSG mesh on click](https://playground.babylonjs.com/#B2DP5I#7) - [Soft body physics - wrecking ball + blocks](https://playground.babylonjs.com/#8WC6ZN#121) - [Solid Particle System collisions](https://playground.babylonjs.com/#10RCC9#0) - [Space Invader visual effects game](https://playground.babylonjs.com/#JXJBPS#5) - [Space Ship Battle](https://playground.babylonjs.com/#G03CV5#0) - [Spheres change color only when looked at](https://playground.babylonjs.com/#0MGV2I#0) - [Sphere Spiral infinite rendering pipeline](https://playground.babylonjs.com/#ND4U2L#0) - [SPS change color on click](https://playground.babylonjs.com/#2FPT1A#351) - [StakeShooter game](https://playground.babylonjs.com/#Z88Q4W#19) - [Submarine underwater game](https://playground.babylonjs.com/#165IV6#2526) - [Table billards physics demo](https://playground.babylonjs.com/#1DDSV5#0) - [Tank playground with sound](https://playground.babylonjs.com/#52M011#2) - [Tap to Bounce Cylinder using imposters](https://playground.babylonjs.com/#88MM6V#0) - [Targeting System for turrets](https://playground.babylonjs.com/#CMS27E#11) - [TensorFlow.js + Webcam Demo](https://playground.babylonjs.com/#H19VH7#44) - [TestTowerDef2 Tower Defense Game](https://playground.babylonjs.com/#XP6NNP#42) - [The Pirate Fort](https://playground.babylonjs.com/#C21DGD#3) - [Tic-Tac-Toe game](https://playground.babylonjs.com/#2WR12Z#2) - [Track with Carriage Following It (First Person)](https://playground.babylonjs.com/#SQFG0Q#6) - [Track with Carriage Following It (Third Person)](https://playground.babylonjs.com/#SQFG0Q#5) - [Trailing mesh demo](https://playground.babylonjs.com/#Z07JE1#2) - [Under Water Demo](https://playground.babylonjs.com/#LPTLZM#0) - [Velocity test on soccer balls](https://playground.babylonjs.com/#5W4GH1#10) - [Virtual Joystick GUI](https://playground.babylonjs.com/#C6V6UY#49) - [Virtual Tour Booth](https://playground.babylonjs.com/#1JDJ9F#9) - [VR Rythym Game](https://playground.babylonjs.com/#9M1I08#7) - [Watch out for swords game](https://playground.babylonjs.com/#ZD364L#17) - [Water Refraction with RTT](https://playground.babylonjs.com/#7ILX7T#0) - [Wave Racer](https://playground.babylonjs.com/#WBEEFF#1) - [WebXR Catching Game](https://playground.babylonjs.com/#PKQ6JV#3) - [WebXR Physics playground](https://playground.babylonjs.com/#B922X8#19) - [WebXR Tennis game](https://playground.babylonjs.com/#CHF3KW#108) - [XR Goal Keeper Trainer](https://playground.babylonjs.com/#PPM311#99) - [XR Throw Lab](https://playground.babylonjs.com/#K1WGX0#36) - [Yellow sphere volumetric light mini-game](https://playground.babylonjs.com/#LYCSQ#256) - [Yoshi Falling Balls](https://playground.babylonjs.com/#73TUXW#0) ## Demos _Official Babylon.js demos that really showcase what it is capable of._ - [ActionBuilder](https://www.babylonjs.com/Demos/ActionBuilder/) - Turn the lights on/off using flip switches. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ActionBuilder)) - [Actions](https://www.babylonjs.com/Demos/Actions/) - A torus that goes around in a circle and changes shape when it hovers over another shape. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Actions)) - [Amp360Video](https://www.babylonjs.com/Demos/Amp360Video/) - Explore a video in 360°. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Amp360Video)) - [AssetsManager](https://www.babylonjs.com/Demos/AssetsManager/) - A human skull. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/AssetsManager)) - [AudioAnalyser](https://www.babylonjs.com/Demos/AudioAnalyser/) - Babylon isn't just graphics; it's a full game engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/AudioAnalyser)) - [Bones](https://www.babylonjs.com/Demos/Bones/) - A walking soldier + animated bunnies. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Bones)) - [Boom](https://www.babylonjs.com/Demos/Boom/) - Make things explode with a touch. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Boom)) - [Bump](https://www.babylonjs.com/Demos/Bump/) - Render a ball using bump mapping. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Bump)) - [CellShading](https://www.babylonjs.com/Demos/CellShading/) - Use cell-shading to reproduce a cartoon-like effect. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/CellShading)) - [Charting](https://www.babylonjs.com/Demos/Charting/) - 3D charts. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Charting)) - [ChibiRex](https://www.babylonjs.com/Demos/ChibiRex/) - An animated baby T-Rex. What more do you need? ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ChibiRex)) - [Dancers](https://www.babylonjs.com/Demos/Dancers/) - Animated 3D dancers. _warning: takes a long time to load._ ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Dancers)) - [Dancing CSG](https://www.babylonjs.com/Demos/Dancing%20CSG/) - Constructive Solid Geometry using lights and a sparkly texture. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Dancing%20CSG)) - [Decals](https://www.babylonjs.com/Demos/Decals/) - Touch the cat to splatter it with black ink. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Decals)) - [DiStraction](https://www.babylonjs.com/Demos/Distraction/) - A [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) driving game demo. Works with a DS3. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Distraction)) - [DragNDrop](https://www.babylonjs.com/Demos/DragNDrop/) - Drag and rearrange different shapes. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/DragNDrop)) - [Espilit](https://www.babylonjs.com/Demos/Espilit/) - Explore an entire (barebones) house. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Espilit)) - [ExtrudePolygon](https://www.babylonjs.com/Demos/ExtrudePolygon/) - Destroy your own house. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ExtrudePolygon)) - [Facets](https://www.babylonjs.com/Demos/Facets/) - A fountain of countless balls falling onto a complex shape, showcasing physics. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Facets)) - [Flat 2009](https://www.babylonjs.com/Demos/Flat2009/) - Explore an extremely detailed apartment, including a fishtank and bathroom. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Flat2009)) - [FlightHelmet](https://www.babylonjs.com/Demos/FlightHelmet/) - A realistic aviator's helmet. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/FlightHelmet)) - [Fur](https://www.babylonjs.com/Demos/Fur/) - A disturbingly furred bunny. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Fur)) - [GLTF](https://www.babylonjs.com/Demos/GLTF/) - A GLTF Alien model featuring facial animations. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GLTF)) - [GUI](https://www.babylonjs.com/Demos/GUI/) - An interactive 3D UI. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GUI)) - [GlowLayer](https://www.babylonjs.com/Demos/GlowLayer/) - Make a [neon](/@harrisonqian/awesome/wiki/databases/neon) pipe glow like plasma. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GlowLayer)) - [GlowingEspilit](https://www.babylonjs.com/Demos/GlowingEspilit/) - Espilit but with glowing effects. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GlowingEspilit)) - [Heightmap](https://www.babylonjs.com/Demos/Heightmap/) - Generate terrain using a heightmap. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Heightmap)) - [HillValley](https://www.babylonjs.com/Demos/HillValley/) - Explore a town isolated from the outside world, like in _The Twilight Zone._ ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/HillValley)) - [HillValleyVR](https://www.babylonjs.com/Demos/HillValleyVR/) - HillValley but creepier in VR. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/HillValleyVR)) - [Ink](https://www.babylonjs.com/Demos/Ink/) - Quick Demo of using Babylon.js to simulate inking. ([source](https://github.com/sebavan/BabylonjsInkSample)) - [InstancedBones](https://www.babylonjs.com/Demos/InstancedBones/) - A group of soldiers marching in sync. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/InstancedBones)) - [Instances2](https://www.babylonjs.com/Demos/Instances2/) - A complex, moving space engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Instances2)) - [LookAt](https://www.babylonjs.com/Demos/LookAt/) - Stare at a colored ball moving around in a box of shapes. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/LookAt)) - [Mansion](https://www.babylonjs.com/Demos/Mansion/) - Explore a haunted mansion. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Mansion)) - [MansionVR](https://www.babylonjs.com/Demos/MansionVR/) - Explore a haunted mansion in virtual reality. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/MansionVR)) - [MotionBlur](https://www.babylonjs.com/Demos/MotionBlur/) - Blur things like if you were moving like The Flash. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/MotionBlur)) - [PBRGlossy](https://www.babylonjs.com/Demos/PBRGlossy/) - Physically based rendering of a battle-damaged sci-fi helmet. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PBRGlossy)) - [PBRGlossyBloom](https://www.babylonjs.com/Demos/PBRGlossyBloom/) - Similar to PBRGlossy, but with an extra bloom filter. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PBRGlossyBloom)) - [PPBloom](https://www.babylonjs.com/Demos/PPBloom/) - Simple post-processing. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PPBloom)) - [PPConvolution](https://www.babylonjs.com/Demos/PPConvolution/) - A more advanced post-processing demo. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PPConvolution)) - [Particles](https://www.babylonjs.com/Demos/Particles/) - [Colorful](/@harrisonqian/awesome/wiki/miscellaneous/colorful) particles erupting. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Particles)) - [Physics](https://www.babylonjs.com/Demos/Physics/) - Spheres and blocks with gravity added. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Physics)) - [Polygon](https://www.babylonjs.com/Demos/Polygon/) - It's a bird, but how did it get so flat? ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Polygon)) - [Procedural](https://www.babylonjs.com/Demos/Procedural/) - Don't hard-code content; generate it procedurally. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Procedural)) - [Retail](https://www.babylonjs.com/Demos/Retail/) - Explore a small store (no stealing). ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Retail)) - [SPS](https://www.babylonjs.com/Demos/SPS/) - Simulate asteroids around a planet using a solid particle system. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SPS)) - [SPSCollisions](https://www.babylonjs.com/Demos/SPSCollisions/) - Solid particles as confetti being raining down on a ball. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SPSCollisions)) - [SpaceDeK](https://www.babylonjs.com/Demos/SpaceDeK/) - Pretty darn close to a space-shooter. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SpaceDeK)) - [Sponza](https://www.babylonjs.com/Demos/Sponza/) - The most famous Babylon.js demo. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Sponza)) - [SponzaDynamicShadows](https://www.babylonjs.com/Demos/SponzaDynamicShadows/) - A simpler version of Sponza, but with dynamic lights. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SponzaDynamicShadows)) - [TheCar](https://www.babylonjs.com/Demos/TheCar/) - A futuristic car parked all by itself in a garage. Too bad there's no key. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/TheCar)) - [Train](https://www.babylonjs.com/Demos/Train/) - An incredibly realistic train. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Train)) - [Tunnel](https://www.babylonjs.com/Demos/Tunnel/) - Travel inside an endless [rust](/@harrisonqian/awesome/wiki/programming-languages/rust)-filled tunnel. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Tunnel)) - [V8](https://www.babylonjs.com/Demos/V8/) - A complex, moving replica of a V8 engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/V8)) - [Video Processing Sample](https://www.babylonjs.com/Demos/VideoProcessing/) - Quick Demo for setting up a Babylon.js real-time video processing using a webcam. ([source](https://github.com/sebavan/BabylonjsVideoProcessingSample)) - [WCafe](https://www.babylonjs.com/Demos/WCafe/) - [Windows](/@harrisonqian/awesome/wiki/platforms/windows) Cafe is a great place to unwind and have a relaxing look around. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/WCafe)) - [Yeti](https://www.babylonjs.com/Demos/Yeti/) - A non-threatening Yeti, complete with snow. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Yeti)) ## Scenes _Extra demonstrations of Babylon.js_ - [Minority Race](https://www.babylonjs.com/Scenes/minority-race/) - A racing game made in 2016 for a film school. ([source](https://github.com/BabylonJS/Website/tree/master/build/Scenes/minority-race)) - [Robot Presentation](https://www.babylonjs.com/Scenes/Robot/) - A robot gives a timed presentation, with an interactive slider to control animation status. ([source](https://github.com/BabylonJS/Website/tree/master/build/Scenes/Robot)) - [World Monger](https://www.babylonjs.com/Scenes/WorldMonger/) - Become a God and shape the world around you. ([source](https://github.com/BabylonJS/Website/tree/master/build/Scenes/WorldMonger)) ## Games _Open source games built with Babylon.js_ - [Accessible Breakout](https://github.com/babylonjs-archive/accessiblebreakout) - Breakout game fully accessible for people who are blind or visually impaired. ([demo]()) - [Alien Cargo](https://github.com/vudugun/AlienCargo) - A [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) 3D game inspired by the classic puzzle game Sokoban. ([demo](https://vudugun.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/AlienCargo/)) - [Attack of the Killer Bunnies](https://github.com/farmersanonymous/killer-bunnies) - Where bunnies go to die. ([demo](https://ericbroberic.itch.io/attack-of-the-killer-bunnies)) - [Barkanoid](https://github.com/pigmin/Breakout) - Arkanoid / Breakout clone with cinematic opening. ([demo](https://pigmin.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/Breakout/)) - [Block](https://github.com/Temechon/block) - A block puzzle game. ([demo](http://pixelcodr.com/games/block/game.html)) - [Cosmos Journeyer](https://github.com/BarthPaleologue/CosmosJourneyer) - Cosmos Journeyer is a space exploration game running directly in the browser! Take your spaceship and witness the beauty of this virtually infinite universe. ([demo](https://cosmosjourneyer.com/)) - [Cube Endless Runner](https://github.com/babylonjs-archive/endless-runner-3d) - Cube Endless Runner is a 3D game built on top of [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) and [HTML5](/@harrisonqian/awesome/wiki/front-end-development/html5) technologies. ([demo](https://babylonjs-archive.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/endless-runner-3d/)) - [Defend](https://github.com/xtreemze/defend) - Procedural [Cross-Platform](/@harrisonqian/awesome/wiki/platforms/cross-platform) 3D Tower Defense Web Game with Physics and AI and Procedural Sound. ([demo](https://xtreemze.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/defend/)) - [F18 Fighter Simulation](https://github.com/renjianfeng/F18FlightSimulator-ammojs) - Simulation driving of F18 Fighter. ([demo](https://renjianfeng.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/F18FlightSimulator-ammojs/dist/index.html)) - [Hide and Seek Demo](https://github.com/colyseus/babylonjs-hide-and-seek) - Multiplayer Hide-and-Seek made with BabylonJS and Colyseus. ([demo](https://docs.colyseus.io/colyseus/demo/babylonjs-editor/hide-and-seek/)) - [Light Speed Ready!](https://github.com/Xanmia/Light-Speed-Ready) - A spaceship game of gathering resources and leveling your ship. ([demo](https://www.kraem.com/Light-Speed-Ready/game.html)) - [NeoTrap](https://github.com/shanadeshana/NeoTrap) - [Music](/@harrisonqian/awesome/wiki/media/music)-based game. ([demo](https://omarxo.itch.io/neotrap)) - [Planet Builder](https://github.com/SvenFrankson/planet-builder-web) - Spherical Voxel Engine demo with a robot hand. ([demo](https://svenfrankson.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/PlanetBuilder2022/index.html)) - [Raucous Running and Rampaging Robot Racer Rally (R6)](https://github.com/hrr8-hermes/hrr8-hermes) - A fast-paced many-explosion robot racer game. ([demo](https://r6redux.herokuapp.com/)) - [Simple 3D FPS](https://github.com/babylonjs-archive/simple-3d-fps) - A simple FPS game following Clean Code principles. ([demo](https://babylonjs-archive.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/simple-3d-fps/)) - [Space Invaders](https://github.com/johnpitchers/Space-Invaders) - Space Invaders in your browser with 3D [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl). ([demo](https://spaceinvaders.viperfish.com.au/)) - [Space Pirates](https://github.com/BabylonJS/SpacePirates) - Shoot down pirates in space. ([demo](https://spacepirates.babylonjs.com/)) - [Space Truckers](https://github.com/jelster/space-truckers) - A game of getting stuff from Point A to Point B... IN SPAAAACCE! ([demo](https://space-truckers.com/)) - [Summer's Festival](https://github.com/BabylonJS/SummerFestival) - Source code for the game tutorial written by capucat. ([demo](https://capucat.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/summers-festival/)) - [Theasis](https://github.com/ThanosRestas/Theasis) - FPS game. ([demo](https://thanosrestas.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/Theasis/dist/index.html)) - [VoxelSrv](https://github.com/VoxelSrv/voxelsrv) - Voxel browser game inspired by [Minecraft](/@harrisonqian/awesome/wiki/gaming/minecraft). ([demo](http://voxelsrv-master.pb4.eu/)) ## Projects _Open source projects using Babylon.js_ - [3D Creator](https://github.com/simonguest/3dcreator) - A prototype that shows how students (grades 7-12) can use block-based programming to create immersive 3D scenes. ([demo](https://simonguest.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/3dcreator/)) - [3D Tetris](https://github.com/babylonjs-archive/3d-tetris) - 3D Tetris using the Babylon.js engine. ([demo](https://babylonjs-archive.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/3d-tetris/)) - [BABYDOOM](https://github.com/Arc0re/arc0re.[github](/@harrisonqian/awesome/wiki/development-environment/github).io) - Basic DOOM clone. ([demo](https://arc0re.github.io/)) - [babylon-accessibility-example](https://github.com/Symbitic/babylon-accessibility-example) - Example of how to add accessibility to 3D models. ([demo](https://symbitic.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/babylon-accessibility-example/)) - [babylon-demo](https://github.com/SvenFrankson/babylon-demo) - Babylon.js demo for academic purposes. ([demo](https://svenfrankson.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/BabylonDemoWeb/index.html)) - [BabylonFpsDemo](https://github.com/renjianfeng/BabylonFpsDemo) - A first-person shooter with Babylon.js ([demo](https://renjianfeng.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/BabylonFpsDemo/example/index.html)) - [BabylonJS-CharacterController](https://github.com/ssatguru/BabylonJS-CharacterController) - A CharacterController for Babylon.js ([demo](https://ssatguru.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/BabylonJS-CharacterController-Samples/demo/)) - [BabylonJS-Doom-Clone](https://github.com/babylonjs-archive/doom-clone) - Doom-style game crafted with love. ([demo](https://babylonjs-archive.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/doom-clone/)) - [BabylonJSFirstSteps](https://github.com/topheman/BabylonJSFirstSteps) - You will find here my first steps on Babylon.js ([demo](http://labs.topheman.com/babylonjs/cone-example.html)) - [Babylon.js "magic" piano portal](https://github.com/docEdub/babylonjs-ar-piano-portal) - An augmented-reality [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) animation of Chopin's "Winter Wind" Étude to hang on your wall! Works on flat-screen, too. ([demo](https://demos.babylonjs.com/piano-portal/)) - [Babylon MCP Server](https://github.com/immersiveidea/babylon-mcp) - A Model Context Protocol (MCP) server that provides AI agents with access to Babylon.js documentation, API references, and source code through semantic search. - [BabylonJS Typescript Logic Examples](https://github.com/DisownedWheat/BabylonJS-Game-Logic-Examples) - A collection of small projects that show possible ways of handling game logic in a Babylon.js game. - [babylonjs-typescript-webpack-starter](https://github.com/pandadelphin/babylonjs-typescript-webpack-starter) - A starter template for those who want to use the famous [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) 3D game engine Babylon.js with TypeScript and Webpack. - [babylonjs-webpack-es6](https://github.com/RaananW/babylonjs-webpack-es6) - Babylon.js basic scene with typescript, webpack, es6 modules, editorconfig, [eslint](/@harrisonqian/awesome/wiki/programming-languages/eslint), hot loading and more. Will even make coffee if you ask nicely. - [babylonjs-[webxr](/@harrisonqian/awesome/wiki/miscellaneous/webxr)-template](https://github.com/yuiseki/babylonjs-webxr-template) - Babylon.js + TypeScript [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) template project. ([demo](https://yuiseki.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/babylonjs-webxr-template/)) - [babylon-mtoon-material](https://github.com/virtual-cast/babylon-mtoon-material) - [Unity](/@harrisonqian/awesome/wiki/gaming/unity) MToon Shader [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) porting to Babylon.js. ([demo](https://virtual-cast.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/babylon-mtoon-material/)) - [Babylon PostEffect Designer](https://github.com/HarveyLijh/Babylon_PostEffect_Designer_JL) - Full control of post effects adjustments in Babylon.js. Supports real-time post-effect adjustments, mesh import, and post-effect data sharing. ([demo](https://harveylijh.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/Babylon_PostEffect_Designer_JL/)) - [babylon_ragdoll_robi](https://github.com/Takebon/babylon_ragdoll_robi) - Babylon.js ragdoll robot. ([demo](https://ragdoll-robi.web.app/)) - [babylon-steering](https://github.com/LorenzoCorbella74/babylon-steering) - Steering behaviors library for moving entities in the x/z plane. - [Bomberman 3D](https://github.com/adisoftbn/Bomberman3D) - Experimental game dev with Babylon.js and [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular) 5. ([demo](https://adisoftbn.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/Bomberman3D/)) - [cannon-es-debugger-babylonjs](https://github.com/neu5/cannon-es-debugger-babylonjs) - This is a debugger for use with cannon-es. ([demo](https://neu5.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/cannon-es-debugger-babylonjs/)) - [Christmas runner](https://github.com/Temechon/Christmas-runner) - A Babylon.js game made for Christmas. ([demo](http://pixelcodr.com/games/christmasRunner/)) - [Divine Voxel Engine](https://github.com/Divine-Star-Software/DivineVoxelEngine) - A truly multi-threaded [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) voxel game engine written in TypeScript. - [ecsy-babylon](https://github.com/kaliber5/ecsy-babylon) - Experimental Babylon.js implementation of ECSY. - [Epic Guide](https://github.com/Temechon/Babylon.js-FPS) - A FPS game about going for a walk. ([demo](http://pixelcodr.com/games/babylonjs-fps/)) - [ergoudan](https://github.com/armomu/ergoudan) - Havok physics character controller demo. ([demo](https://armomu.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/ergoudan/#/)) - [facecap](https://github.com/imerso/facecap) - Mediapipe face capture. ([demo](https://imerso.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/babylon.js/facecap/)) - [fps-babylon-js](https://github.com/Raigyo/fps-babylon-js) - Online Multiplayer First Person Shooter with Babylon.js & SocketIO. ([demo](https://babylon-fps-online.herokuapp.com/)) - [glTF_Physics_Babylon](https://github.com/eoineoineoin/glTF_Physics_Babylon) - Demonstrates filters, joints, and complex assets like a water wheel. ([demo](https://eoineoineoin.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/glTF_Physics_Babylon/packages/demo/dist/#sceneIndex=6)) - [HTML5 FPS](https://github.com/csarkosh/html5-fps) - Demo of an [HTML5](/@harrisonqian/awesome/wiki/front-end-development/html5) first-person rig built on Babylon.js and [React](/@harrisonqian/awesome/wiki/front-end-development/react). ([demo](https://fps.csarko.sh/)) - [Immersa](https://github.com/ertugrulcetin/immersa) - Open Source Web-based 3D Presentation Tool. ([video](https://www.youtube.com/watch?v=1yjtpf59jv0)) - [Kicker](https://github.com/Temechon/kicker) - A soccer ball game made for Babylon.js February Challenge. ([demo](http://pixelcodr.com/games/kicker/)) - [KZ Climbing](https://github.com/BabylonJSGames/BabylonJS-Platformer-Game-Prototype) - A 3D platformer browser game prototype similar to "KZ" maps in Counter Strike. ([demo](https://kzclimbing.netlify.app/client/public/)) - [Molvwr](https://github.com/gleborgne/molvwr) - [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) molecule viewer. ([demo](https://gleborgne.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/molvwr/)) - [multiplayer-babylon-js-game](https://github.com/aeon0/multiplayer-babylon-js-game) - Multiplayer game with server and client-side physics engine synchronization. ([demo](http://185.82.21.82:8700/)) - [Multiplayer FPS-Game](https://github.com/aeon0/FPS-Game) - A Multiplayer FPS. ([demo](http://185.82.21.82/FPS-Game/public/)) - [nengi + Babylon 3D shooter template](https://github.com/timetocode/nengi-babylon-3d-shooter) - A template game for multiplayer 3D shooters made in Babylon.js + nengi.js with client-side prediction and lag compensation. - [OceanDemo](https://github.com/Popov72/OceanDemo) - Ocean demo in [WebGPU](/@harrisonqian/awesome/wiki/front-end-development/webgpu). ([demo](https://popov72.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/OceanDemo/dist/index.html)) - [Oculus Quest Remote Desktop](https://github.com/shinyoshiaki/oculus-quest-remote-desktop) - Remote desktop for Oculus Quest. ([demo](https://shinyoshiaki.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/oculus-quest-remote-desktop/build/)) - [Playlist Browser XR](https://github.com/Symbitic/PlaylistBrowserXR) - Browse Spotify playlists in Virtual Reality. ([demo](https://www.playlistbrowserxr.xyz/)) - [Pokeball Workshop](https://gitlab.com/side_project/pokeball-workshop) - Interactive models from Game Freak's classic series. ([demo](https://side_project.gitlab.io/pokeball-workshop/)) - [react-babylonjs](https://github.com/brianzinn/react-babylonjs) - [React](/@harrisonqian/awesome/wiki/front-end-development/react) for Babylon.js ([demo](https://brianzinn.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/react-babylonjs/)) - [react-babylon-spring](https://github.com/hookex/react-babylon-spring) - Build spring-physics based 3D animation with the power of [react](/@harrisonqian/awesome/wiki/front-end-development/react)-babylonjs and [react](/@harrisonqian/awesome/wiki/front-end-development/react)-spring. ([demo](https://hooke.life/react-babylon-spring/)) - [Reactylon](https://github.com/simonedevit/reactylon) - The [React](/@harrisonqian/awesome/wiki/front-end-development/react) framework for XR. ([demo](https://www.reactylon.com/docs)) - [Roblox meets film noir](https://github.com/TomWHall/babylon-js-platformer) - A 3D platform game demo using Babylon.js and [React](/@harrisonqian/awesome/wiki/front-end-development/react). ([demo](https://tomwhall.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/babylon-js-platformer/)) - [Space Jam: A New Legacy BabylonJS Mixed Reality Experience](https://github.com/microsoft/space-jam-a-new-legacy-babylonjs-template) - This repository pairs with the Babylon.js Mixed Reality module that is part of the Microsoft Learn [learning](/@harrisonqian/awesome/wiki/programming-languages/learning) path inspired by the _Space Jam: A New Legacy_ film. - [Starship Flight Simulator](https://github.com/ravendano014/starship) - Star Wars Arcade Tribute. ([demo](https://ravendano014.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/starship/)) - [Swarm](https://temechon.itch.io/swarm) - A Babylon.js scene made for the screensaver jam. ([demo](https://github.com/Temechon/screensaver)) - [t5c](https://github.com/orion3dgames/t5c) - The 5th Continent - an open-source multiplayer 3D RPG. ([demo](https://t5c.onrender.com/)) - [TanksBattle_WebGL_Using_Babylonjs](https://github.com/khaledose/TanksBattle_WebGL_Using_Babylonjs) - 3D Tanks Battle [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) game. ([video](https://www.youtube.com/watch?v=HJrAUqTd1oU)) - [Tomb Raider Nostalgia](https://github.com/Popov72/TRN2) - View levels and play cut scenes for old Tomb Raider games 1/2/3/4. ([demo](https://popov72.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/TRN2/)) - [VR Office Throwing Game](https://github.com/wilcoschoneveld/office) - A VR throwing game. ([demo](https://office.wilcoschoneveld.com/)) - [Vue-BabylonJS](https://github.com/Beg-in/vue-babylonjs) - A ready-to-go 3D environment for [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js) using Babylon.js ([demo](https://vuebabylonjs.com/)) - [webxr-depth-testbed-babylon](https://github.com/drumath2237/webxr-depth-testbed-babylon) - Testbed for [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) Depth Feature. ([demo](https://drumath2237.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/webxr-depth-testbed-babylon/)) - [WebXR Measuring Tape](https://github.com/Narendra-Kamath/webxr-measuring-tape) - :zap: An Augmented Reality real-world length-measuring web app using the [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) HitTarget feature. ([demo](https://narendra-kamath.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/webxr-measuring-tape/)) - [yuka-babylonjs-examples](https://github.com/eldinor/yuka-babylonjs-examples) - Examples of using Yuka for Game AI. ([demo](https://yuka.babylonpress.org/)) ## Examples _Demos of Babylon.js on the web._ - [Roller coaster](https://jerome.bousquie.fr/BJS/demos/rollercoaster.html) - [JS](https://jerome.bousquie.fr/BJS/demos/rollercoaster.js) - [Star Fighter](http://jerome.bousquie.fr/BJS/OfficeGames/StarFighter/StarFighter.html) - [JS](https://github.com/jbousquie/OfficeGames/blob/master/StarFighter/StarFighter.js) - [Blowing Wall](https://jerome.bousquie.fr/BJS/demos/blow.html) - [JS](https://jerome.bousquie.fr/BJS/demos/blow.js) - [Trailing Particles](https://jerome.bousquie.fr/BJS/demos/trailingParticles.html) - [JS](https://jerome.bousquie.fr/BJS/demos/trailingParticles.js) - [SPS AssemblyScript Demo](https://jerome.bousquie.fr/BJS/test/SPSWasm/spsWasm.html) - [JS](https://jerome.bousquie.fr/BJS/test/SPSWasm/spsWasm.js)/[AS](https://jerome.bousquie.fr/BJS/test/SPSWasm/index.ts) - [Yuka Corridor Algorithm](https://yuka.babylonpress.org/examples/js/graph/corridor/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/graph/corridor) - [Yuka First-Person Shooter](https://yuka.babylonpress.org/examples/js/playground/shooter/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/playground/shooter) - [Yuka Hide And Seek Shooter](https://yuka.babylonpress.org/examples/js/playground/hideAndSeek/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/playground/hideAndSeek) - [Yuka Navigation Mesh](https://yuka.babylonpress.org/examples/js/navigation/navmesh/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/navigation/navmesh) - [Yuka Navmesh Performance](https://yuka.babylonpress.org/examples/js/navigation/navmeshPerformance/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/navigation/navmeshPerformance) - [Yuka Savegames](https://yuka.babylonpress.org/examples/js/misc/savegame/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/misc/savegame) - [Yuka Tic-Tac-Toe](https://yuka.babylonpress.org/examples/js/graph/tictactoe/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/graph/tictactoe) ## Links _Information by developers, for developers._ - [80 Level interview](https://80.lv/articles/babylon-js-a-web-first-game-engine-powering-[cross-platform](/@harrisonqian/awesome/wiki/platforms/cross-platform)-experiences/) - [Core](/@harrisonqian/awesome/wiki/platforms/core) developer Jason Carter elaborated on the tools and features available for developers. - [Accessibility Scene Tree for Screen Readers](https://doc.babylonjs.com/toolsAndResources/accessibility/screenReaders) - How to add screen reader support to 3D objects. - [Babylon JS Day 10: Terrarium](https://radicalappdev.com/2021/03/12/babylon-js-day-10-terrarium/) - Final in a series of lessons that explains how to use `AssetsManager`. - [Babylon JS Day 19: Golf Club](https://radicalappdev.com/2021/03/25/babylon-js-day-19/) - Shows how to leverage `AssetsManager` to load a custom model as a VR controller. - [Babylon Native in a Headless Environment](https://babylonjs.medium.com/babylon-native-in-a-headless-environment-868409b8b1cf) - A guide to some of the internals of the new Babylon Native engine. - [Babylon on Quest](https://blairmacintyre.me/2019/11/20/babylon-on-quest-one-small-step/) - [Tips](/@harrisonqian/awesome/wiki/programming-languages/tips) on how to develop [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) games using a Quest headset. - [Building the Web-Based 3d Digital Experience for the Mayflower Autonomous Ship](https://joepavitt.medium.com/building-the-web-based-3d-digital-experience-for-the-mayflower-autonomous-ship-a56f08e6558) - A behind-the-scenes look at a production-quality Babylon.js project. - [Canvas Accessibility and GUI Animations with Babylon.js](https://babylonjs.medium.com/canvas-accessibility-and-gui-animations-with-babylon-js-8001378a1509) - The Babylon.js team introduces two interesting new features in Babylon.js 5: GUI Animations and the Accessibility Twin Renderer. - [Challenges of a web VR throwing game - DEV Community](https://dev.to/wilcoschoneveld/challenges-of-a-web-vr-throwing-game-1c66) - Developer Wilco Schoneveld shares his experiences developing a VR game using a Quest 2, including the source code. - [Figma to BabylonJS](https://doc.babylonjs.com/communityExtensions/figmaToBabylonJS) - Figma plugin that allows you to export Figma designs to Babylon.js GUI .[json](/@harrisonqian/awesome/wiki/miscellaneous/json) files. - [Frame at Microsoft Build: [Speaking](/@harrisonqian/awesome/wiki/learn/speaking) the World Into Existence](https://learn.framevr.io/post/msbuild2022) - FrameVR explains their web-based metaverse platform they demoed at Microsoft Build. - [Getting [cross-platform](/@harrisonqian/awesome/wiki/platforms/cross-platform) rendering with Babylon Native and GLFW](https://babylonjs.medium.com/getting-cross-platform-rendering-with-babylon-native-and-glfw-e0f1422f4d74) - A guide to the low-level rendering architecture using in Babylon Native. - [How to Setup Babylon + [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js) Production Build Optimized for SEO & Speed](https://3designer.app/best/babylon-nextjs-setup) - 3Designer explains how to use [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js) to improve any Babylon.js project with faster loading and search engine visibility. - [How we published a new Babylon.js recipe book Vol. 1](https://www.crossroad-tech.com/entry/Babylonjs-recipe-Vol1-en) - CrossRoad explains their road to creating the first book for the Japanese Babylon.js community. ([playground](https://scrapbox.io/babylonjs/Playground)) - [Integrating BabylonJS 3D Engine into an [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular) Business Application](https://www.thinktecture.com/en/babylonjs/babylon-angular-performance-optimization/) - Gives some great [tips](/@harrisonqian/awesome/wiki/programming-languages/tips) about performance optimization. - [Journey Beyond The Docs](https://doc.babylonjs.com/guidedLearning/bjsBook) - Introduction by the Babylon.js team to the officially-endorsed book. - [Mesh shattering with baked physics](https://babylonjs.medium.com/mesh-shattering-with-baked-physics-5b3f8f381743) - Besides explaining how to use precompute physics for mesh shattering, this official blog post from the Babylon.js team shows how to integrate it with Node Material Editor. - [MR and the Web with Babylon.js 5.0](https://learn.microsoft.com/en-us/events/mixed-reality-dev-days/mr-and-the-web-with-babylonjs-50) - Microsoft Learn session introducing Babylon.js 5.0 and the new Babylon Native. ([recording](https://www.youtube.com/watch?v=cMrIvPrkB0Y)) - [Optimizing a Large-Scale Babylon.js Scene](https://joepavitt.medium.com/optimizing-a-large-scale-babylon-js-scene-9466bb715e15) - Gives [tips](/@harrisonqian/awesome/wiki/programming-languages/tips) on how to render a large number of meshes and vertices without impacting performance. - [Using [WebXR](/@harrisonqian/awesome/wiki/miscellaneous/webxr) With Babylon.js — Smashing Magazine](https://www.smashingmagazine.com/2020/10/using-webxr-with-babylonjs/) - Provides a comprehensive introduction to WebXR and how to use it to develop immersive experiences. - [Yuka + Babylon.js Examples - Game AI Examples with Babylon.js](https://yuka.babylonpress.org/examples/) - A first-rate collection of Babylon.js demos, each using Yuka for AI. ## Forum _Valuable and informative links from the Babylon.js forum._ - [Demo Ammo Physics Scene](https://forum.babylonjs.com/t/demo-ammo-physics-scene/32827) - Explains the Mustang Demo developed with the Babylon.js [Unity](/@harrisonqian/awesome/wiki/gaming/unity) Exporter. - [Observablehq.com + BabylonJS StarterKit](https://forum.babylonjs.com/t/observablehq-com-babylonjs-starterkit/24791) - Explains how to use Babylon.js on ObservableHQ, the [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) equivalent [Jupyter](/@harrisonqian/awesome/wiki/miscellaneous/jupyter) Notebooks. - [Yuka Game AI + Babylon.js Examples](https://forum.babylonjs.com/t/yuka-game-ai-babylon-js-examples-the-1st-release/27690) - A complete list of all the Yuka Babylon.js links.