rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
652812eed0d0ae17376945242133acb706f9b01f
awesome-awesomeness/html/babylonjs.md2.html
rhetenor 652812eed0 update
2025-07-18 23:13:11 +02:00

945 lines
49 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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>
Reference in New Issue View Git Blame Copy Permalink