awesome-babylonjs
A curated list of awesome things related to Babylon.js
https://github.com/Symbitic/awesome-babylonjs
Last synced: 11 days ago
JSON representation
Books
- Babylon.js Essentials
- Going the Distance with Babylon.js: Building extensible, maintainable, and attractive browser-based interactive applications using JavaScript
- Going the Distance with Babylon.js: Building extensible, maintainable, and attractive browser-based interactive applications using JavaScript
Demos
- ActionBuilder - Turn the lights on/off using flip switches. [source]
- Actions - A torus that goes around in a circle and changes shape when it hovers over another shape. [source]
- Amp360Video - Explore a video in 360°. [source]
- AssetsManager - A human skull. [source]
- AudioAnalyser - Babylon isn't just graphics; it's a full game engine. [source]
- Bones - A walking soldier + animated bunnies. [source]
- Boom - Make things explode with a touch. [source]
- Bump - Render a ball using bump mapping. [source]
- CellShading - Use cell-shading to reproduce a cartoon-like effect. [source]
- Charting - 3D charts. [source]
- ChibiRex - An animated baby T-Rex. What more do you need? [source]
- Dancers - Animated 3D dancers. warning: takes a long time to load. [source]
- Dancing CSG - Constructive Solid Geometry using lights and a sparkly texture. [source]
- Decals - Touch the cat to splatter it with black ink. [source]
- DiStraction - A JavaScript driving game demo. Works with a DS3. [source]
- DragNDrop - Drag and rearrange different shapes. [source]
- Espilit - Explore an entire (barebones) house. [source]
- ExtrudePolygon - Destroy your own house. [source]
- Facets - A fountain of countless balls falling onto a complex shape, showcasing physics. [source]
- Flat 2009 - Explore an extremely detailed apartment, including a fishtank and bathroom. [source]
- FlightHelmet - A realistic aviator's helmet. [source]
- Fur - A disturbingly furred bunny. [source]
- GLTF - A GLTF Alien model featuring facial animations. [source]
- GUI - An interactive 3D UI. [source]
- GlowLayer - Make a neon pipe glow like plasma. [source]
- GlowingEspilit - Espilit but with glowing effects. [source]
- Heightmap - Generate terrain using a heightmap. [source]
- HillValley - Explore a town isolated from the outside world, like in The Twilight Zone. [source]
- HillValleyVR - HillValley but creepier in VR. [source]
- Ink - Quick Demo of using Babylon.js to simulate inking. [source]
- InstancedBones - A group of soldiers marching in sync. [source]
- Instances2 - A complex, moving space engine. [source]
- LookAt - Stare at a colored ball moving around in a box of shapes. [source]
- Mansion - Explore a haunted mansion. [source]
- MansionVR - Explore a haunted mansion in virtual reality. [source]
- MotionBlur - Blur things like if you were moving like The Flash. [source]
- PBRGlossy - Physically based rendering of a battle-damaged sci-fi helmet. [source]
- PBRGlossyBloom - Similar to PBRGlossy, but with an extra bloom filter. [source]
- PPBloom - Simple post-processing. [source]
- PPConvolution - A more advanced post-processing demo. [source]
- Particles - Colorful particles erupting. [source]
- Physics - Spheres and blocks with gravity added. [source]
- Polygon - It's a bird, but how did it get so flat? [source]
- Procedural - Don't hard-code content; generate it procedurally. [source]
- Retail - Explore a small store (no stealing). [source]
- SPS - Simulate asteroids around a planet using a solid particle system. [source]
- SPSCollisions - Solid particles as confetti being raining down on a ball. [source]
- SpaceDeK - Pretty darn close to a space-shooter. [source]
- Sponza - The most famous Babylon.js demo. [source]
- SponzaDynamicShadows - A simpler version of Sponza, but with dynamic lights. [source]
- TheCar - A futuristic car parked all by itself in a garage. Too bad there's no key. [source]
- Train - An incredibly realistic train. [source]
- Tunnel - Travel inside an endless rust-filled tunnel. [source]
- V8 - A complex, moving replica of a V8 engine. [source]
- Video Processing Sample - Quick Demo for setting up a Babylon.js real-time video processing using a webcam. [source]
- WCafe - Windows Cafe is a great place to unwind and have a relaxing look around. [source]
- Yeti - A non-threatening Yeti, complete with snow. [source]
- Yeti - A non-threatening Yeti, complete with snow. (source)
- ActionBuilder - Turn the lights on/off using flip switches. (source)
- Actions - A torus that goes around in a circle and changes shape when it hovers over another shape. (source)
- Amp360Video - Explore a video in 360°. (source)
- AssetsManager - A human skull. (source)
- AudioAnalyser - Babylon isn't just graphics; it's a full game engine. (source)
- Bones - A walking soldier + animated bunnies. (source)
- Boom - Make things explode with a touch. (source)
- Bump - Render a ball using bump mapping. (source)
- CellShading - Use cell-shading to reproduce a cartoon-like effect. (source)
- Charting - 3D charts. (source)
- ChibiRex - An animated baby T-Rex. What more do you need? (source)
- Dancers - Animated 3D dancers. warning: takes a long time to load. (source)
- Dancing CSG - Constructive Solid Geometry using lights and a sparkly texture. (source)
- Decals - Touch the cat to splatter it with black ink. (source)
- DiStraction - A JavaScript driving game demo. Works with a DS3. (source)
- DragNDrop - Drag and rearrange different shapes. (source)
- Espilit - Explore an entire (barebones) house. (source)
- ExtrudePolygon - Destroy your own house. (source)
- Facets - A fountain of countless balls falling onto a complex shape, showcasing physics. (source)
- Flat 2009 - Explore an extremely detailed apartment, including a fishtank and bathroom. (source)
- FlightHelmet - A realistic aviator's helmet. (source)
- Fur - A disturbingly furred bunny. (source)
- GLTF - A GLTF Alien model featuring facial animations. (source)
- GUI - An interactive 3D UI. (source)
- GlowLayer - Make a neon pipe glow like plasma. (source)
- GlowingEspilit - Espilit but with glowing effects. (source)
- Heightmap - Generate terrain using a heightmap. (source)
- HillValley - Explore a town isolated from the outside world, like in The Twilight Zone. (source)
- HillValleyVR - HillValley but creepier in VR. (source)
- Ink - Quick Demo of using Babylon.js to simulate inking. (source)
- InstancedBones - A group of soldiers marching in sync. (source)
- Instances2 - A complex, moving space engine. (source)
- LookAt - Stare at a colored ball moving around in a box of shapes. (source)
- Mansion - Explore a haunted mansion. (source)
- MansionVR - Explore a haunted mansion in virtual reality. (source)
- MotionBlur - Blur things like if you were moving like The Flash. (source)
- PBRGlossy - Physically based rendering of a battle-damaged sci-fi helmet. (source)
- PBRGlossyBloom - Similar to PBRGlossy, but with an extra bloom filter. (source)
- PPBloom - Simple post-processing. (source)
- PPConvolution - A more advanced post-processing demo. (source)
- Particles - Colorful particles erupting. (source)
- Physics - Spheres and blocks with gravity added. (source)
- Polygon - It's a bird, but how did it get so flat? (source)
- Procedural - Don't hard-code content; generate it procedurally. (source)
- Retail - Explore a small store (no stealing). (source)
- SPS - Simulate asteroids around a planet using a solid particle system. (source)
- SPSCollisions - Solid particles as confetti being raining down on a ball. (source)
- SpaceDeK - Pretty darn close to a space-shooter. (source)
- Sponza - The most famous Babylon.js demo. (source)
- SponzaDynamicShadows - A simpler version of Sponza, but with dynamic lights. (source)
- TheCar - A futuristic car parked all by itself in a garage. Too bad there's no key. (source)
- Train - An incredibly realistic train. (source)
- Tunnel - Travel inside an endless rust-filled tunnel. (source)
- V8 - A complex, moving replica of a V8 engine. (source)
- Video Processing Sample - Quick Demo for setting up a Babylon.js real-time video processing using a webcam. (source)
- WCafe - Windows Cafe is a great place to unwind and have a relaxing look around. (source)
Examples
- Roller coaster - JS
- Star Fighter
- Blowing Wall - JS
- Trailing Particles - JS
- SPS AssemblyScript Demo - JS/AS
- Yuka Corridor Algorithm - source
- Yuka First-Person Shooter - source
- Yuka Hide And Seek Shooter - source
- Yuka Navigation Mesh - source
- Yuka Navmesh Performance - source
- Yuka Savegames - source
- Yuka Tic-Tac-Toe - source
- Star Fighter - JS
Forum
- Demo Ammo Physics Scene - Explains the Mustang Demo developed with the Babylon.js Unity Exporter.
- Observablehq.com + BabylonJS StarterKit - Explains how to use Babylon.js on ObservableHQ, the JavaScript equivalent Jupyter Notebooks.
- Yuka Game AI + Babylon.js Examples - A complete list of all the Yuka Babylon.js links.
Games
- NeoTrap - Music-based game. (demo)
- Accessible Breakout - Breakout game fully accessible for people who are blind or visually impaired. (demo)
- Alien Cargo - A WebGL 3D game inspired by the classic puzzle game Sokoban. (demo)
- Attack of the Killer Bunnies - Where bunnies go to die. (demo)
- Barkanoid - Arkanoid / Breakout clone with cinematic opening. (demo)
- Block - A block puzzle game. (demo)
- Cube Endless Runner - Cube Endless Runner is a 3D game built on top of WebGL and HTML5 technologies. (demo)
- Defend - Procedural Cross-Platform 3D Tower Defense Web Game with Physics and AI and Procedural Sound. (demo)
- F18 Fighter Simulation - Simulation driving of F18 Fighter. (demo)
- Hide and Seek Demo - Multiplayer Hide-and-Seek made with BabylonJS and Colyseus. (demo)
- Light Speed Ready! - A spaceship game of gathering resources and leveling your ship. (demo)
- NeoTrap - Music-based game. (demo)
- Planet Builder - Spherical Voxel Engine demo with a robot hand. (demo)
- Raucous Running and Rampaging Robot Racer Rally (R6) - A fast-paced many-explosion robot racer game. (demo)
- Simple 3D FPS - A simple FPS game following Clean Code principles. (demo)
- Space Invaders - Space Invaders in your browser with 3D WebGL. (demo)
- Space Pirates - Shoot down pirates in space. (demo)
- Summer's Festival - Source code for the game tutorial written by capucat. (demo)
- Theasis - FPS game. (demo)
- VoxelSrv - Voxel browser game inspired by Minecraft. (demo)
- Space Truckers - A game of getting stuff from Point A to Point B... IN SPAAAACCE! (demo)
- Cosmos Journeyer - 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)
Links
- 80 Level interview - Babylon.js's Jason Carter elaborated on the tools and features available for developers.
- Accessibility Scene Tree for Screen Readers - How to add screen reader support to 3D objects.
-
Babylon JS Day 10: Terrarium
- Final in a series of lessons that explains how to use
AssetsManager. -
Babylon JS Day 19: Golf Club
- Shows how to leverage
AssetsManagerto load a custom model as a VR controller. - Babylon Native in a Headless Environment - A guide to some of the internals of the new Babylon Native engine.
- Babylon on Quest - Tips on how to develop WebXR games using a Quest headset.
- Building the Web-Based 3d Digital Experience for the Mayflower Autonomous Ship - A behind-the-scenes look at a production-quality Babylon.js project.
- Canvas Accessibility and GUI Animations with Babylon.js - 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 - Developer Wilco Schoneveld shares his experiences developing a VR game using a Quest 2, including the source code.
- Figma to BabylonJS - Figma plugin that allows you to export Figma designs to Babylon.js GUI .json files.
- Frame at Microsoft Build: Speaking the World Into Existence - FrameVR explains their web-based metaverse platform they demoed at Microsoft Build.
- Getting cross-platform rendering with Babylon Native and GLFW - A guide to the low-level rendering architecture using in Babylon Native.
- How to Setup Babylon + Next.js Production Build Optimized for SEO & Speed - 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 - CrossRoad explains their road to creating the first book for the Japanese Babylon.js community. (playground)
- Journey Beyond The Docs - Introduction by the Babylon.js team to the officially-endorsed book.
- Mesh shattering with baked physics - 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 - Microsoft Learn session introducing Babylon.js 5.0 and the new Babylon Native. (recording)
- Optimizing a Large-Scale Babylon.js Scene - Gives tips on how to render a large number of meshes and vertices without impacting performance.
- Using WebXR With Babylon.js — Smashing Magazine - 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 - A first-rate collection of Babylon.js demos, each using Yuka for AI.
- Integrating BabylonJS 3D Engine into an Angular Business Application - Gives some great tips about performance optimization.
Official links
- Babylon.js Documentation
- Babylon.js Editor
- Babylon.js Features
- Babylon.js Sandbox
- Babylon Native
- Babylon React Native
- Changelog
- Community Demos
- Forum
- Node Material Editor
- Partners Using Babylon.js
- Specifications
- Medium
- YouTube Channel
- SpectorJS - Explore and Troubleshoot your WebGL scenes with ease
- Start Contributing to Babylon.js
- GitHub
- Start Contributing to Babylon.js
- Babylon React Native
- Babylon.js Features
- Babylon Native
- Community Demos
- Partners Using Babylon.js