rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update lists

Browse Source
This commit is contained in:
Jonas Zeunert
2025-07-18 22:22:32 +02:00
parent 55bed3b4a1
commit 5916c5c074
3078 changed files with 331679 additions and 357255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

944
html/babylonjs.html Normal file
View File

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