awesome-babylonjs
Babylon examples
A curated list of awesome things and examples related to the Babylon.js game engine.
A curated list of awesome things related to Babylon.js
255 stars
13 watching
19 forks
last commit: 5 months ago awesomeawesome-listbabylonjsgame-enginewebglwebgpu
Awesome Babylon.js / Official links | |||
| Babylon.js Documentation | |||
| Babylon.js Editor | |||
| Babylon.js Features | |||
| Babylon.js Playground | |||
| Babylon.js Sandbox | |||
| Babylon Native | |||
| Babylon React Native | |||
| Changelog | |||
| Community Demos | |||
| Forum | |||
| Node Material Editor | |||
| Partners Using Babylon.js | |||
| Specifications | |||
Awesome Babylon.js / Official links / Social Media | |||
| GitHub | 23,394 | 3 months ago | |
| Medium | |||
| YouTube Channel | |||
Awesome Babylon.js / Official links | |||
| SpectorJS - Explore and Troubleshoot your WebGL scenes with ease | |||
| Start Contributing to Babylon.js | |||
Awesome Babylon.js / Books | |||
| Babylon.js Essentials | |||
| Going the Distance with Babylon.js: Building extensible, maintainable, and attractive browser-based interactive applications using JavaScript | |||
Awesome Babylon.js / Playground | |||
| 360 portal | |||
| 3D UI | |||
| Ammo.js Heightmap | |||
| Antigravity racing game demo | |||
| Augmented Reality Drum | |||
| AI Basketball shooter | |||
| Bowling and grabbing in XR | |||
| Bowling lane showing gutters and physics | |||
| Buttons always face user | |||
| Camera positioning on event | |||
| Captain Dude Fishing | |||
| Car following path | |||
| Change color on collide | |||
| Chessboard layout and camera | |||
| Circle menu in 3D GUI | |||
| Colliding and deforming cubes | |||
| Coronavirus rendering pipeline and shaders | |||
| Custom mesh for 3D button | |||
| Custom WebXR controller mesh | |||
| Dock the boat | |||
| Dynamic snow generation | |||
| Dynamic text in UI | |||
| Exploding Lofi Sphere | |||
| Exploding Lofi Torus | |||
| Exploding Object with Solid Particles | |||
| Explosion on keydown | |||
| Explosions + City burning | |||
| Fenerator 3D with explosion generator | |||
| Flight Simulator Experiment | |||
| Fruit Ninja VR Game | |||
| Furball Shader | |||
| Glowing marbles falling | |||
| Glow World | |||
| Grab and move a ball in WebXR | |||
| Grim Grinning Ghosts with singing | |||
| God of War NME Weapons FX Demo | |||
| Great White Shark animated GLTF model | |||
| GUI follows viewpoint in WebXR | |||
| Gun firing | |||
| Happy Holidays 2020 VR | |||
| Happy holidays custom font | |||
| HERO X | |||
| Hit the cube pointer tracker | |||
| Holographic keyboard | |||
| Hopping game with infinite running | |||
| HtmlMesh demo with overlay | |||
| Joint Impulse Example | |||
| Laser Saber mesh | |||
| Lego Buggy mesh | |||
| Light Paddle glowing mesh | |||
| Mallot and Nail VR | |||
| Marble slide | |||
| Marble Tower | |||
| Mesh Speech Synthesis API | |||
| Music Visualizer | |||
| Newton's cradle physics | |||
| Open url by clicking object | |||
| Pac-Man Arcade Machine in WebXR | |||
| physicsImposter parenting | |||
| PhysX kinematic dynamic bodies | |||
| PhysX fluid rendering | |||
| Ping pong in 3D | |||
| Point Cloud Morphing | |||
| portal + gravity mechanics | |||
| Portal effect using shaders | |||
| Progressive loading of glTF with LOD | |||
| Pulsars / Imps | |||
| Rollercoaster | |||
| Screen Capture and Composition | |||
| Shattered mesh with baked physics demo | |||
| Simple XmlLoader GUI | |||
| Slice CSG mesh on click | |||
| Soft body physics - wrecking ball + blocks | |||
| Solid Particle System collisions | |||
| Space Invader visual effects game | |||
| Space Ship Battle | |||
| Spheres change color only when looked at | |||
| Sphere Spiral infinite rendering pipeline | |||
| SPS change color on click | |||
| StakeShooter game | |||
| Submarine underwater game | |||
| Table billards physics demo | |||
| Tank playground with sound | |||
| Tap to Bounce Cylinder using imposters | |||
| Targeting System for turrets | |||
| TensorFlow.js + Webcam Demo | |||
| TestTowerDef2 Tower Defense Game | |||
| The Pirate Fort | |||
| Tic-Tac-Toe game | |||
| Track with Carriage Following It (First Person) | |||
| Track with Carriage Following It (Third Person) | |||
| Trailing mesh demo | |||
| Under Water Demo | |||
| Velocity test on soccer balls | |||
| Virtual Joystick GUI | |||
| Virtual Tour Booth | |||
| VR Rythym Game | |||
| Watch out for swords game | |||
| Water Refraction with RTT | |||
| Wave Racer | |||
| WebXR Catching Game | |||
| WebXR Physics playground | |||
| WebXR Tennis game | |||
| XR Goal Keeper Trainer | |||
| XR Throw Lab | |||
| Yellow sphere volumetric light mini-game | |||
| Yoshi Falling Balls | |||
Awesome Babylon.js / Demos | |||
| ActionBuilder | Turn the lights on/off using flip switches. ( ) | ||
| Actions | A torus that goes around in a circle and changes shape when it hovers over another shape. ( ) | ||
| Amp360Video | Explore a video in 360°. ( ) | ||
| AssetsManager | A human skull. ( ) | ||
| AudioAnalyser | Babylon isn't just graphics; it's a full game engine. ( ) | ||
| Bones | A walking soldier + animated bunnies. ( ) | ||
| Boom | Make things explode with a touch. ( ) | ||
| Bump | Render a ball using bump mapping. ( ) | ||
| CellShading | Use cell-shading to reproduce a cartoon-like effect. ( ) | ||
| Charting | 3D charts. ( ) | ||
| ChibiRex | An animated baby T-Rex. What more do you need? ( ) | ||
| Dancers | Animated 3D dancers. ( ) | ||
| Dancing CSG | Constructive Solid Geometry using lights and a sparkly texture. ( ) | ||
| Decals | Touch the cat to splatter it with black ink. ( ) | ||
| DiStraction | A JavaScript driving game demo. Works with a DS3. ( ) | ||
| DragNDrop | Drag and rearrange different shapes. ( ) | ||
| Espilit | Explore an entire (barebones) house. ( ) | ||
| ExtrudePolygon | Destroy your own house. ( ) | ||
| Facets | A fountain of countless balls falling onto a complex shape, showcasing physics. ( ) | ||
| Flat 2009 | Explore an extremely detailed apartment, including a fishtank and bathroom. ( ) | ||
| FlightHelmet | A realistic aviator's helmet. ( ) | ||
| Fur | A disturbingly furred bunny. ( ) | ||
| GLTF | A GLTF Alien model featuring facial animations. ( ) | ||
| GUI | An interactive 3D UI. ( ) | ||
| GlowLayer | Make a neon pipe glow like plasma. ( ) | ||
| GlowingEspilit | Espilit but with glowing effects. ( ) | ||
| Heightmap | Generate terrain using a heightmap. ( ) | ||
| HillValley | Explore a town isolated from the outside world, like in ( ) | ||
| HillValleyVR | HillValley but creepier in VR. ( ) | ||
| Ink | Quick Demo of using Babylon.js to simulate inking. ( ) | ||
| InstancedBones | A group of soldiers marching in sync. ( ) | ||
| Instances2 | A complex, moving space engine. ( ) | ||
| LookAt | Stare at a colored ball moving around in a box of shapes. ( ) | ||
| Mansion | Explore a haunted mansion. ( ) | ||
| MansionVR | Explore a haunted mansion in virtual reality. ( ) | ||
| MotionBlur | Blur things like if you were moving like The Flash. ( ) | ||
| PBRGlossy | Physically based rendering of a battle-damaged sci-fi helmet. ( ) | ||
| PBRGlossyBloom | Similar to PBRGlossy, but with an extra bloom filter. ( ) | ||
| PPBloom | Simple post-processing. ( ) | ||
| PPConvolution | A more advanced post-processing demo. ( ) | ||
| Particles | Colorful particles erupting. ( ) | ||
| Physics | Spheres and blocks with gravity added. ( ) | ||
| Polygon | It's a bird, but how did it get so flat? ( ) | ||
| Procedural | Don't hard-code content; generate it procedurally. ( ) | ||
| Retail | Explore a small store (no stealing). ( ) | ||
| SPS | Simulate asteroids around a planet using a solid particle system. ( ) | ||
| SPSCollisions | Solid particles as confetti being raining down on a ball. ( ) | ||
| SpaceDeK | Pretty darn close to a space-shooter. ( ) | ||
| Sponza | The most famous Babylon.js demo. ( ) | ||
| SponzaDynamicShadows | A simpler version of Sponza, but with dynamic lights. ( ) | ||
| TheCar | A futuristic car parked all by itself in a garage. Too bad there's no key. ( ) | ||
| Train | An incredibly realistic train. ( ) | ||
| Tunnel | Travel inside an endless rust-filled tunnel. ( ) | ||
| V8 | A complex, moving replica of a V8 engine. ( ) | ||
| Video Processing Sample | Quick Demo for setting up a Babylon.js real-time video processing using a webcam. ( ) | ||
| WCafe | Windows Cafe is a great place to unwind and have a relaxing look around. ( ) | ||
| Yeti | A non-threatening Yeti, complete with snow. ( ) | ||
Awesome Babylon.js / Scenes | |||
| Minority Race | A racing game made in 2016 for a film school. ( ) | ||
| Robot Presentation | A robot gives a timed presentation, with an interactive slider to control animation status. ( ) | ||
| World Monger | Become a God and shape the world around you. ( ) | ||
Awesome Babylon.js / Games | |||
| Accessible Breakout | 0 | 12 months ago | Breakout game fully accessible for people who are blind or visually impaired. ( ) |
| Alien Cargo | 9 | about 2 years ago | A WebGL 3D game inspired by the classic puzzle game Sokoban. ( ) |
| Attack of the Killer Bunnies | 6 | over 2 years ago | Where bunnies go to die. ( ) |
| Barkanoid | 2 | about 1 year ago | Arkanoid / Breakout clone with cinematic opening. ( ) |
| Block | 11 | over 9 years ago | A block puzzle game. ( ) |
| Cube Endless Runner | 2 | 11 months ago | Cube Endless Runner is a 3D game built on top of WebGL and HTML5 technologies. ( ) |
| Defend | 21 | over 2 years ago | Procedural Cross-Platform 3D Tower Defense Web Game with Physics and AI and Procedural Sound. ( ) |
| F18 Fighter Simulation | 72 | almost 3 years ago | Simulation driving of F18 Fighter. ( ) |
| Hide and Seek Demo | 12 | over 2 years ago | Multiplayer Hide-and-Seek made with BabylonJS and Colyseus. ( ) |
| Light Speed Ready! | 20 | almost 11 years ago | A spaceship game of gathering resources and leveling your ship. ( ) |
| NeoTrap | 0 | almost 9 years ago | Music-based game. ( ) |
| Planet Builder | 24 | almost 2 years ago | Spherical Voxel Engine demo with a robot hand. ( ) |
| Raucous Running and Rampaging Robot Racer Rally (R6) | 1 | over 9 years ago | A fast-paced many-explosion robot racer game. ( ) |
| Simple 3D FPS | 0 | 11 months ago | A simple FPS game following Clean Code principles. ( ) |
| Space Invaders | 31 | 6 months ago | Space Invaders in your browser with 3D WebGL. ( ) |
| Space Pirates | 148 | almost 3 years ago | Shoot down pirates in space. ( ) |
| Summer's Festival | 134 | almost 2 years ago | Source code for the game tutorial written by capucat. ( ) |
| Theasis | 15 | over 3 years ago | FPS game. ( ) |
| VoxelSrv | 77 | over 3 years ago | Voxel browser game inspired by Minecraft. ( ) |
Awesome Babylon.js / Projects | |||
| 3D Creator | 20 | over 1 year ago | A prototype that shows how students (grades 7-12) can use block-based programming to create immersive 3D scenes. ( ) |
| 3D Tetris | 1 | 12 months ago | 3D Tetris using the Babylon.js engine. ( ) |
| BABYDOOM | 10 | about 9 years ago | Basic DOOM clone. ( ) |
| babylon-accessibility-example | 0 | about 1 year ago | Example of how to add accessibility to 3D models. ( ) |
| babylon-demo | 8 | about 8 years ago | Babylon.js demo for academic purposes. ( ) |
| BabylonFpsDemo | 91 | over 7 years ago | A first-person shooter with Babylon.js ( ) |
| BabylonJS-CharacterController | 220 | 5 months ago | A CharacterController for Babylon.js ( ) |
| BabylonJS-Doom-Clone | 0 | 12 months ago | Doom-style game crafted with love. ( ) |
| BabylonJSFirstSteps | 3 | over 9 years ago | You will find here my first steps on Babylon.js ( ) |
| Babylon.js "magic" piano portal | 2 | 12 months ago | An augmented-reality WebXR animation of Chopin's "Winter Wind" Étude to hang on your wall! Works on flat-screen, too. ( ) |
| BabylonJS Typescript Logic Examples | 31 | 11 months ago | A collection of small projects that show possible ways of handling game logic in a Babylon.js game |
| babylonjs-typescript-webpack-starter | 64 | about 2 years ago | A starter template for those who want to use the famous JavaScript 3D game engine Babylon.js with TypeScript and Webpack |
| babylonjs-webpack-es6 | 194 | 5 months ago | 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 | 3 | over 2 years ago | Babylon.js + TypeScript WebXR template project. ( ) |
| babylon-mtoon-material | 61 | about 1 year ago | Unity MToon Shader WebGL porting to Babylon.js. ( ) |
| Babylon PostEffect Designer | 24 | almost 2 years ago | Full control of post effects adjustments in Babylon.js. Supports real-time post-effect adjustments, mesh import, and post-effect data sharing. ( ) |
| babylon_ragdoll_robi | 2 | about 3 years ago | Babylon.js ragdoll robot. ( ) |
| babylon-steering | 5 | about 2 years ago | Steering behaviors library for moving entities in the x/z plane |
| Bomberman 3D | 1 | about 7 years ago | Experimental game dev with Babylon.js and Angular 5. ( ) |
| cannon-es-debugger-babylonjs | 8 | about 1 year ago | This is a debugger for use with cannon-es. ( ) |
| Christmas runner | 27 | over 9 years ago | A Babylon.js game made for Christmas. ( ) |
| Divine Voxel Engine | 211 | 3 months ago | A truly multi-threaded JavaScript voxel game engine written in TypeScript |
| ecsy-babylon | 35 | about 2 years ago | Experimental Babylon.js implementation of ECSY |
| Epic Guide | 14 | almost 9 years ago | A FPS game about going for a walk. ( ) |
| ergoudan | 60 | 6 months ago | Havok physics character controller demo. ( ) |
| facecap | 61 | about 2 years ago | Mediapipe face capture. ( ) |
| fps-babylon-js | 12 | over 2 years ago | Online Multiplayer First Person Shooter with Babylon.js & SocketIO. ( ) |
| glTF_Physics_Babylon | 6 | 4 months ago | Demonstrates filters, joints, and complex assets like a water wheel. ( ) |
| HTML5 FPS | 15 | over 1 year ago | Demo of an HTML5 first-person rig built on Babylon.js and React. ( ) |
| Kicker | 5 | about 9 years ago | A soccer ball game made for Babylon.js February Challenge. ( ) |
| KZ Climbing | 22 | almost 2 years ago | A 3D platformer browser game prototype similar to "KZ" maps in Counter Strike. ( ) |
| Molvwr | 33 | over 9 years ago | WebGL molecule viewer. ( ) |
| multiplayer-babylon-js-game | 108 | over 2 years ago | Multiplayer game with server and client-side physics engine synchronization. ( ) |
| Multiplayer FPS-Game | 43 | over 3 years ago | A Multiplayer FPS. ( ) |
| nengi + Babylon 3D shooter template | 51 | over 3 years ago | A template game for multiplayer 3D shooters made in Babylon.js + nengi.js with client-side prediction and lag compensation |
| OceanDemo | 91 | 8 months ago | Ocean demo in WebGPU. ( ) |
| Oculus Quest Remote Desktop | 39 | about 2 years ago | Remote desktop for Oculus Quest. ( ) |
| Playlist Browser XR | 1 | over 3 years ago | Browse Spotify playlists in Virtual Reality. ( ) |
| Pokeball Workshop | Interactive models from Game Freak's classic series. ( ) | ||
| react-babylonjs | 831 | 3 months ago | React for Babylon.js ( ) |
| react-babylon-spring | 14 | about 2 years ago | Build spring-physics based 3D animation with the power of react-babylonjs and react-spring. ( ) |
| Roblox meets film noir | 0 | over 2 years ago | A 3D platform game demo using Babylon.js and React. ( ) |
| Space Jam: A New Legacy BabylonJS Mixed Reality Experience | 1 | over 3 years ago | This repository pairs with the Babylon.js Mixed Reality module that is part of the Microsoft Learn learning path inspired by the film |
| Swarm | A Babylon.js scene made for the screensaver jam. ( ) | ||
| t5c | 122 | 4 months ago | The 5th Continent - an open-source multiplayer 3D RPG. ( ) |
| TanksBattle_WebGL_Using_Babylonjs | 3 | almost 6 years ago | 3D Tanks Battle WebGL game. ( ) |
| Tomb Raider Nostalgia | 50 | about 2 years ago | View levels and play cut scenes for old Tomb Raider games 1/2/3/4. ( ) |
| VR Office Throwing Game | 10 | over 3 years ago | A VR throwing game. ( ) |
| Vue-BabylonJS | 462 | about 2 years ago | A ready-to-go 3D environment for Vue.js using Babylon.js ( ) |
| webxr-depth-testbed-babylon | 5 | over 2 years ago | Testbed for WebXR Depth Feature. ( ) |
| WebXR Measuring Tape | 10 | over 4 years ago | An Augmented Reality real-world length-measuring web app using the WebXR HitTarget feature. ( ) |
| yuka-babylonjs-examples | 39 | over 2 years ago | Examples of using Yuka for Game AI. ( ) |
Awesome Babylon.js / Examples | |||
| Roller coaster | - | ||
| Star Fighter | - | ||
| Blowing Wall | - | ||
| Trailing Particles | - | ||
| SPS AssemblyScript Demo | / | ||
| Yuka Corridor Algorithm | - | ||
| Yuka First-Person Shooter | - | ||
| Yuka Hide And Seek Shooter | - | ||
| Yuka Navigation Mesh | - | ||
| Yuka Navmesh Performance | - | ||
| Yuka Savegames | - | ||
| Yuka Tic-Tac-Toe | - | ||
Awesome Babylon.js / Links | |||
| 80 Level interview | Core developer 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 | ||
| Babylon JS Day 19: Golf Club | Shows how to leverage to 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. ( ) | ||
| Integrating BabylonJS 3D Engine into an Angular Business Application | Gives some great tips about performance optimization | ||
| 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. ( ) | ||
| 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 | ||
Awesome Babylon.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 | ||