├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md └── media └── logo.svg /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | This text is available in 4 | [many other languages](https://www.contributor-covenant.org/translations). 5 | 6 | ## Our Pledge 7 | 8 | In the interest of fostering an open and welcoming environment, we as 9 | contributors and maintainers pledge to making participation in our project and 10 | our community a harassment-free experience for everyone, regardless of age, body 11 | size, disability, ethnicity, gender identity and expression, level of experience, 12 | nationality, personal appearance, race, religion, or sexual identity and 13 | orientation. 14 | 15 | ## Our Standards 16 | 17 | Examples of behavior that contributes to creating a positive environment 18 | include: 19 | 20 | * Using welcoming and inclusive language 21 | * Being respectful of differing viewpoints and experiences 22 | * Gracefully accepting constructive criticism 23 | * Focusing on what is best for the community 24 | * Showing empathy towards other community members 25 | 26 | Examples of unacceptable behavior by participants include: 27 | 28 | * The use of sexualized language or imagery and unwelcome sexual attention or 29 | advances 30 | * Trolling, insulting/derogatory comments, and personal or political attacks 31 | * Public or private harassment 32 | * Publishing others' private information, such as a physical or electronic 33 | address, without explicit permission 34 | * Other conduct which could reasonably be considered inappropriate in a 35 | professional setting 36 | 37 | ## Our Responsibilities 38 | 39 | Project maintainers are responsible for clarifying the standards of acceptable 40 | behavior and are expected to take appropriate and fair corrective action in 41 | response to any instances of unacceptable behavior. 42 | 43 | Project maintainers have the right and responsibility to remove, edit, or 44 | reject comments, commits, code, wiki edits, issues, and other contributions 45 | that are not aligned to this Code of Conduct, or to ban temporarily or 46 | permanently any contributor for other behaviors that they deem inappropriate, 47 | threatening, offensive, or harmful. 48 | 49 | ## Scope 50 | 51 | This Code of Conduct applies both within project spaces and in public spaces 52 | when an individual is representing the project or its community. Examples of 53 | representing a project or community include using an official project e-mail 54 | address, posting via an official social media account, or acting as an appointed 55 | representative at an online or offline event. Representation of a project may be 56 | further defined and clarified by project maintainers. 57 | 58 | ## Enforcement 59 | 60 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 61 | reported by contacting the project team at alex.shaw.as@gmail.com. All 62 | complaints will be reviewed and investigated and will result in a response that 63 | is deemed necessary and appropriate to the circumstances. The project team is 64 | obligated to maintain confidentiality with regard to the reporter of an incident. 65 | Further details of specific enforcement policies may be posted separately. 66 | 67 | Project maintainers who do not follow or enforce the Code of Conduct in good 68 | faith may face temporary or permanent repercussions as determined by other 69 | members of the project's leadership. 70 | 71 | ## Attribution 72 | 73 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, 74 | available at [https://contributor-covenant.org/version/1/4][version] 75 | 76 | [homepage]: https://contributor-covenant.org 77 | [version]: https://contributor-covenant.org/version/1/4/ -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing 2 | 3 | The strength of Babylon.js is the incredible community it has built up. All 4 | contributions are welcome. If you have something you would like to see added, 5 | feel free to open a pull request. 6 | 7 | The easiest way to get started is to navigate to a file on GitHub, click the 8 | edit icon, make your changes, and follow the instructions for submitting a pull 9 | request. 10 | 11 | Please keep these basic rules in mind: 12 | 13 | 1. **All links must have a purpose.** This isn't just a collection of every 14 | BabylonJS resource on the internet. It's a directory to the most practical 15 | uses of Babylon for game development. 16 | 2. **Open Source.** Babylon already has a list of great games on their community 17 | page. Most of those games are closed-source. Awesome Babylonjs should be 18 | helpful for game developers, so open-source content is strongly preferred 19 | (if not required). 20 | 3. **No self-promotion.** We all want recognition, but this isn't the place for 21 | you to show off. Please ask someone else to add your work for you. 22 | 4. **Follow the formatting rules.** Try to keep the layout consistent by using 23 | the same text format already in use. 24 | 1. Demos/projects should use the following format: `[title](link) - description. (link to source code)` 25 | 2. Playground examples should use the following format: `descriptive title - `. 26 | 5. **Keep links in alphabetical order.** This greatly helps navigation. 27 | 6. **Only remove what isn't helpful.** It is okay to remove projects that are 28 | either broken or deprecated by another project or by its author. Whenever 29 | possible, favor replacing a broken link with a backup on 30 | [archive.org](https://web.archive.org/) over removing it. 31 | 7. End all descriptions with a period (unless the final word contains a period, 32 | like Babylon.js). 33 | 8. Check your spelling and grammar. 34 | 9. Make sure your text editor is set to remove trailing whitespace and uses Unix line returns. 35 | 36 | Please note that this project is released with a 37 | [Contributor Code of Conduct](CODE_OF_CONDUCT.md). By participating in this 38 | project you agree to abide by its terms. -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Creative Commons Legal Code 2 | 3 | CC0 1.0 Universal 4 | 5 | CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE 6 | LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN 7 | ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS 8 | INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES 9 | REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS 10 | PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM 11 | THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED 12 | HEREUNDER. 13 | 14 | Statement of Purpose 15 | 16 | The laws of most jurisdictions throughout the world automatically confer 17 | exclusive Copyright and Related Rights (defined below) upon the creator 18 | and subsequent owner(s) (each and all, an "owner") of an original work of 19 | authorship and/or a database (each, a "Work"). 20 | 21 | Certain owners wish to permanently relinquish those rights to a Work for 22 | the purpose of contributing to a commons of creative, cultural and 23 | scientific works ("Commons") that the public can reliably and without fear 24 | of later claims of infringement build upon, modify, incorporate in other 25 | works, reuse and redistribute as freely as possible in any form whatsoever 26 | and for any purposes, including without limitation commercial purposes. 27 | These owners may contribute to the Commons to promote the ideal of a free 28 | culture and the further production of creative, cultural and scientific 29 | works, or to gain reputation or greater distribution for their Work in 30 | part through the use and efforts of others. 31 | 32 | For these and/or other purposes and motivations, and without any 33 | expectation of additional consideration or compensation, the person 34 | associating CC0 with a Work (the "Affirmer"), to the extent that he or she 35 | is an owner of Copyright and Related Rights in the Work, voluntarily 36 | elects to apply CC0 to the Work and publicly distribute the Work under its 37 | terms, with knowledge of his or her Copyright and Related Rights in the 38 | Work and the meaning and intended legal effect of CC0 on those rights. 39 | 40 | 1. Copyright and Related Rights. A Work made available under CC0 may be 41 | protected by copyright and related or neighboring rights ("Copyright and 42 | Related Rights"). Copyright and Related Rights include, but are not 43 | limited to, the following: 44 | 45 | i. the right to reproduce, adapt, distribute, perform, display, 46 | communicate, and translate a Work; 47 | ii. moral rights retained by the original author(s) and/or performer(s); 48 | iii. publicity and privacy rights pertaining to a person's image or 49 | likeness depicted in a Work; 50 | iv. rights protecting against unfair competition in regards to a Work, 51 | subject to the limitations in paragraph 4(a), below; 52 | v. rights protecting the extraction, dissemination, use and reuse of data 53 | in a Work; 54 | vi. database rights (such as those arising under Directive 96/9/EC of the 55 | European Parliament and of the Council of 11 March 1996 on the legal 56 | protection of databases, and under any national implementation 57 | thereof, including any amended or successor version of such 58 | directive); and 59 | vii. other similar, equivalent or corresponding rights throughout the 60 | world based on applicable law or treaty, and any national 61 | implementations thereof. 62 | 63 | 2. Waiver. To the greatest extent permitted by, but not in contravention 64 | of, applicable law, Affirmer hereby overtly, fully, permanently, 65 | irrevocably and unconditionally waives, abandons, and surrenders all of 66 | Affirmer's Copyright and Related Rights and associated claims and causes 67 | of action, whether now known or unknown (including existing as well as 68 | future claims and causes of action), in the Work (i) in all territories 69 | worldwide, (ii) for the maximum duration provided by applicable law or 70 | treaty (including future time extensions), (iii) in any current or future 71 | medium and for any number of copies, and (iv) for any purpose whatsoever, 72 | including without limitation commercial, advertising or promotional 73 | purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each 74 | member of the public at large and to the detriment of Affirmer's heirs and 75 | successors, fully intending that such Waiver shall not be subject to 76 | revocation, rescission, cancellation, termination, or any other legal or 77 | equitable action to disrupt the quiet enjoyment of the Work by the public 78 | as contemplated by Affirmer's express Statement of Purpose. 79 | 80 | 3. Public License Fallback. Should any part of the Waiver for any reason 81 | be judged legally invalid or ineffective under applicable law, then the 82 | Waiver shall be preserved to the maximum extent permitted taking into 83 | account Affirmer's express Statement of Purpose. In addition, to the 84 | extent the Waiver is so judged Affirmer hereby grants to each affected 85 | person a royalty-free, non transferable, non sublicensable, non exclusive, 86 | irrevocable and unconditional license to exercise Affirmer's Copyright and 87 | Related Rights in the Work (i) in all territories worldwide, (ii) for the 88 | maximum duration provided by applicable law or treaty (including future 89 | time extensions), (iii) in any current or future medium and for any number 90 | of copies, and (iv) for any purpose whatsoever, including without 91 | limitation commercial, advertising or promotional purposes (the 92 | "License"). The License shall be deemed effective as of the date CC0 was 93 | applied by Affirmer to the Work. Should any part of the License for any 94 | reason be judged legally invalid or ineffective under applicable law, such 95 | partial invalidity or ineffectiveness shall not invalidate the remainder 96 | of the License, and in such case Affirmer hereby affirms that he or she 97 | will not (i) exercise any of his or her remaining Copyright and Related 98 | Rights in the Work or (ii) assert any associated claims and causes of 99 | action with respect to the Work, in either case contrary to Affirmer's 100 | express Statement of Purpose. 101 | 102 | 4. Limitations and Disclaimers. 103 | 104 | a. No trademark or patent rights held by Affirmer are waived, abandoned, 105 | surrendered, licensed or otherwise affected by this document. 106 | b. Affirmer offers the Work as-is and makes no representations or 107 | warranties of any kind concerning the Work, express, implied, 108 | statutory or otherwise, including without limitation warranties of 109 | title, merchantability, fitness for a particular purpose, non 110 | infringement, or the absence of latent or other defects, accuracy, or 111 | the present or absence of errors, whether or not discoverable, all to 112 | the greatest extent permissible under applicable law. 113 | c. Affirmer disclaims responsibility for clearing rights of other persons 114 | that may apply to the Work or any use thereof, including without 115 | limitation any person's Copyright and Related Rights in the Work. 116 | Further, Affirmer disclaims responsibility for obtaining any necessary 117 | consents, permissions or other rights required for any use of the 118 | Work. 119 | d. Affirmer understands and acknowledges that Creative Commons is not a 120 | party to this document and has no duty or obligation with respect to 121 | this CC0 or use of the Work. 122 | 123 | For more information, please see 124 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Awesome Babylon.js [![Awesome](https://awesome.re/badge-flat.svg)](https://awesome.re) 2 | 3 | Babylon.js logo 4 | 5 | > A curated list of _awesome_ things related to the Babylon.js game engine. 6 | 7 | [Babylon.js](https://www.babylonjs.com/) is an open-source game and rendering engine written in TypeScript designed to be powerful, beautiful, simple, and open. It supports cross-platform game development through WebGL, WebGPU, and the Babylon Native runtime. 8 | 9 | > Your contributions are always welcome! Please read the [contributing guidelines](CONTRIBUTING.md) to get started. 10 | 11 | ## Contents 12 | 13 | - [Official links](#official-links) 14 | - [Books](#books) 15 | - [Playground](#playground) 16 | - [Demos](#demos) 17 | - [Scenes](#scenes) 18 | - [Games](#games) 19 | - [Projects](#projects) 20 | - [Examples](#examples) 21 | - [Links](#links) 22 | - [Forum](#forum) 23 | 24 | ## Official links 25 | 26 | _Official Babylon.js links._ 27 | 28 | - [Babylon.js Documentation](https://doc.babylonjs.com/) 29 | - [Babylon.js Editor](https://editor.babylonjs.com/) 30 | - [Babylon.js Features](https://www.babylonjs.com/games/) 31 | - [Babylon.js Playground](https://playground.babylonjs.com/) 32 | - [Babylon.js Sandbox](https://sandbox.babylonjs.com/) 33 | - [Babylon Native](https://www.babylonjs.com/native/) 34 | - [Babylon React Native](https://www.babylonjs.com/reactnative/) 35 | - [Changelog](https://doc.babylonjs.com/whats-new) 36 | - [Community Demos](https://www.babylonjs.com/community/) 37 | - [Forum](https://forum.babylonjs.com/) 38 | - [Node Material Editor](https://nme.babylonjs.com/) 39 | - [Partners Using Babylon.js](https://www.babylonjs.com/partners/) 40 | - [Specifications](https://www.babylonjs.com/specifications/) 41 | - Social Media 42 | - [GitHub](https://github.com/BabylonJS/Babylon.js) 43 | - [Medium](https://babylonjs.medium.com/) 44 | - [Twitter](https://twitter.com/babylonjs) 45 | - [YouTube Channel](https://www.youtube.com/channel/UCyOemMa5EJkIgVavJjSCLKQ) 46 | - [SpectorJS - Explore and Troubleshoot your WebGL scenes with ease](https://spector.babylonjs.com/) 47 | - [Start Contributing to Babylon.js](https://doc.babylonjs.com/divingDeeper/developWithBjs/howToStart) 48 | 49 | ## Books 50 | 51 | _Books about or for Babylon.js developers._ 52 | 53 | - [Babylon.js Essentials](https://www.amazon.com/Babylon-JS-Essentials-Julien-Moreau-Mathis/dp/1785884794) 54 | - [Going the Distance with Babylon.js: Building extensible, maintainable, and attractive browser-based interactive applications using JavaScript](https://aka.ms/BabylonJSBook) 55 | 56 | ## Playground 57 | 58 | _Noteworthy examples of community-contributed content on the Babylon.js playground._ 59 | 60 | - [360 portal](https://playground.babylonjs.com/#58I88I#186) 61 | - [3D UI](https://playground.babylonjs.com/#947JF6#0) 62 | - [Ammo.js Heightmap](https://playground.babylonjs.com/#8T3YBR#2) 63 | - [Antigravity racing game demo](https://playground.babylonjs.com/#WVPVWL#0) 64 | - [Augmented Reality Drum](https://playground.babylonjs.com/#VXA85M#5) 65 | - [AI Basketball shooter](https://playground.babylonjs.com/#AL6VAN#1) 66 | - [Bowling and grabbing in XR](https://playground.babylonjs.com/#KBS9I5#925) 67 | - [Bowling lane showing gutters and physics](https://playground.babylonjs.com/#7S3ZHU#15) 68 | - [Buttons always face user](https://playground.babylonjs.com/#CUH660#27) 69 | - [Camera positioning on event](https://playground.babylonjs.com/#0PHDVB#0) 70 | - [Captain Dude Fishing](https://playground.babylonjs.com/#1YD970#283) 71 | - [Car following path](https://playground.babylonjs.com/#1YD970#14) 72 | - [Change color on collide](https://playground.babylonjs.com/#502Z8L#0) 73 | - [Chessboard layout and camera](https://playground.babylonjs.com/#AH85PF#53) 74 | - [Circle menu in 3D GUI](https://playground.babylonjs.com/#092XX3#13) 75 | - [Colliding and deforming cubes](https://playground.babylonjs.com/#RGNDK2#2) 76 | - [Coronavirus rendering pipeline and shaders](https://playground.babylonjs.com/#3FJZD5#4) 77 | - [Custom mesh for 3D button](https://playground.babylonjs.com/#D7LQDZ#1) 78 | - [Custom WebXR controller mesh](https://playground.babylonjs.com/#355XBJ#16) 79 | - [Dock the boat](https://playground.babylonjs.com/#5MJ1X9#13) 80 | - [Dynamic snow generation](https://playground.babylonjs.com/#5ZCGRM#2860) 81 | - [Dynamic text in UI](https://playground.babylonjs.com/#9U086#4) 82 | - [Exploding Lofi Sphere](https://playground.babylonjs.com/#HDHQN#55) 83 | - [Exploding Lofi Torus](https://playground.babylonjs.com/#HDHQN#56) 84 | - [Exploding Object with Solid Particles](https://playground.babylonjs.com/#CWAQ1W#12) 85 | - [Explosion on keydown](https://playground.babylonjs.com/#VS5XS7#0) 86 | - [Explosions + City burning](https://playground.babylonjs.com/#4HUQQ#1479) 87 | - [Fenerator 3D with explosion generator](https://playground.babylonjs.com/#RDJ26Q#1288) 88 | - [Flight Simulator Experiment](https://playground.babylonjs.com/#UL7W2M#0) 89 | - [Fruit Ninja VR Game](https://playground.babylonjs.com/#22KIIK#22) 90 | - [Furball Shader](https://playground.babylonjs.com/#LVJG7H#0) 91 | - [Glowing marbles falling](https://playground.babylonjs.com/#45FPFC#13) 92 | - [Glow World](https://playground.babylonjs.com/#6MQB2X#158) 93 | - [Grab and move a ball in WebXR](https://playground.babylonjs.com/#HY823G#7) 94 | - [Grim Grinning Ghosts with singing](https://playground.babylonjs.com/#GVPILZ#0) 95 | - [God of War NME Weapons FX Demo](https://playground.babylonjs.com/#7XU4D8#1) 96 | - [Great White Shark animated GLTF model](https://playground.babylonjs.com/#ISZ7Y2#0) 97 | - [GUI follows viewpoint in WebXR](https://playground.babylonjs.com/#HJZBRG#100) 98 | - [Gun firing](https://playground.babylonjs.com/#E8C51D#35) 99 | - [Happy Holidays 2020 VR](https://playground.babylonjs.com/#0IRV8X#2) 100 | - [Happy holidays custom font](https://playground.babylonjs.com/#BP7QYG#13) 101 | - [HERO X](https://playground.babylonjs.com/#A8X91Q#10) 102 | - [Hit the cube pointer tracker](https://playground.babylonjs.com/#0JC454#16) 103 | - [Holographic keyboard](https://playground.babylonjs.com/#LU3FLF#6) 104 | - [Hopping game with infinite running](https://playground.babylonjs.com/#0IIB3N#44) 105 | - [HtmlMesh demo with overlay](https://playground.babylonjs.com/#Y2LIXI#44) 106 | - [Joint Impulse Example](https://playground.babylonjs.com/#UFVU18#18) 107 | - [Laser Saber mesh](https://playground.babylonjs.com/#ZS41RU#0) 108 | - [Lego Buggy mesh](https://playground.babylonjs.com/#K7TJIG#0) 109 | - [Light Paddle glowing mesh](https://playground.babylonjs.com/#6C8005#1) 110 | - [Mallot and Nail VR](https://playground.babylonjs.com/#IT1QZU#13) 111 | - [Marble slide](https://playground.babylonjs.com/#YRP925#0) 112 | - [Marble Tower](https://playground.babylonjs.com/#3I55DK#0) 113 | - [Mesh Speech Synthesis API](https://playground.babylonjs.com/#NE96B8#10) 114 | - [Music Visualizer](https://playground.babylonjs.com/#MNC4HP#0) 115 | - [Newton's cradle physics](https://playground.babylonjs.com/#8WC6ZN#112) 116 | - [Open url by clicking object](https://playground.babylonjs.com/#11XV5X#13) 117 | - [Pac-Man Arcade Machine in WebXR](https://playground.babylonjs.com/#4WPJCV#34) 118 | - [physicsImposter parenting](https://playground.babylonjs.com/#ZENDZ2#0) 119 | - [PhysX kinematic dynamic bodies](https://playground.babylonjs.com/#SLPLFT#31) 120 | - [PhysX fluid rendering](https://playground.babylonjs.com/#SLPLFT#29) 121 | - [Ping pong in 3D](https://playground.babylonjs.com/#RYXIT#9) 122 | - [Point Cloud Morphing](https://playground.babylonjs.com/#2S8L5U#1) 123 | - [portal + gravity mechanics](https://playground.babylonjs.com/#ZU8CV4#12) 124 | - [Portal effect using shaders](https://playground.babylonjs.com/#ACPMQL#2) 125 | - [Progressive loading of glTF with LOD](https://playground.babylonjs.com/#ARN6TJ#5) 126 | - [Pulsars / Imps](https://playground.babylonjs.com/#1ND6TH#265) 127 | - [Rollercoaster](https://playground.babylonjs.com/#1HH4OJ#29) 128 | - [Screen Capture and Composition](https://playground.babylonjs.com/#RBX8Y4#22) 129 | - [Shattered mesh with baked physics demo](https://playground.babylonjs.com/#1BGGDU#0) 130 | - [Simple XmlLoader GUI](https://playground.babylonjs.com/#S0IW99#23) 131 | - [Slice CSG mesh on click](https://playground.babylonjs.com/#B2DP5I#7) 132 | - [Soft body physics - wrecking ball + blocks](https://playground.babylonjs.com/#8WC6ZN#121) 133 | - [Solid Particle System collisions](https://playground.babylonjs.com/#10RCC9#0) 134 | - [Space Invader visual effects game](https://playground.babylonjs.com/#JXJBPS#5) 135 | - [Space Ship Battle](https://playground.babylonjs.com/#G03CV5#0) 136 | - [Spheres change color only when looked at](https://playground.babylonjs.com/#0MGV2I#0) 137 | - [Sphere Spiral infinite rendering pipeline](https://playground.babylonjs.com/#ND4U2L#0) 138 | - [SPS change color on click](https://playground.babylonjs.com/#2FPT1A#351) 139 | - [StakeShooter game](https://playground.babylonjs.com/#Z88Q4W#19) 140 | - [Submarine underwater game](https://playground.babylonjs.com/#165IV6#2526) 141 | - [Table billards physics demo](https://playground.babylonjs.com/#1DDSV5#0) 142 | - [Tank playground with sound](https://playground.babylonjs.com/#52M011#2) 143 | - [Tap to Bounce Cylinder using imposters](https://playground.babylonjs.com/#88MM6V#0) 144 | - [Targeting System for turrets](https://playground.babylonjs.com/#CMS27E#11) 145 | - [TensorFlow.js + Webcam Demo](https://playground.babylonjs.com/#H19VH7#44) 146 | - [TestTowerDef2 Tower Defense Game](https://playground.babylonjs.com/#XP6NNP#42) 147 | - [The Pirate Fort](https://playground.babylonjs.com/#C21DGD#3) 148 | - [Tic-Tac-Toe game](https://playground.babylonjs.com/#2WR12Z#2) 149 | - [Track with Carriage Following It (First Person)](https://playground.babylonjs.com/#SQFG0Q#6) 150 | - [Track with Carriage Following It (Third Person)](https://playground.babylonjs.com/#SQFG0Q#5) 151 | - [Trailing mesh demo](https://playground.babylonjs.com/#Z07JE1#2) 152 | - [Under Water Demo](https://playground.babylonjs.com/#LPTLZM#0) 153 | - [Velocity test on soccer balls](https://playground.babylonjs.com/#5W4GH1#10) 154 | - [Virtual Joystick GUI](https://playground.babylonjs.com/#C6V6UY#49) 155 | - [Virtual Tour Booth](https://playground.babylonjs.com/#1JDJ9F#9) 156 | - [VR Rythym Game](https://playground.babylonjs.com/#9M1I08#7) 157 | - [Watch out for swords game](https://playground.babylonjs.com/#ZD364L#17) 158 | - [Water Refraction with RTT](https://playground.babylonjs.com/#7ILX7T#0) 159 | - [Wave Racer](https://playground.babylonjs.com/#WBEEFF#1) 160 | - [WebXR Catching Game](https://playground.babylonjs.com/#PKQ6JV#3) 161 | - [WebXR Physics playground](https://playground.babylonjs.com/#B922X8#19) 162 | - [WebXR Tennis game](https://playground.babylonjs.com/#CHF3KW#108) 163 | - [XR Goal Keeper Trainer](https://playground.babylonjs.com/#PPM311#99) 164 | - [XR Throw Lab](https://playground.babylonjs.com/#K1WGX0#36) 165 | - [Yellow sphere volumetric light mini-game](https://playground.babylonjs.com/#LYCSQ#256) 166 | - [Yoshi Falling Balls](https://playground.babylonjs.com/#73TUXW#0) 167 | 168 | ## Demos 169 | 170 | _Official Babylon.js demos that really showcase what it is capable of._ 171 | 172 | - [ActionBuilder](https://www.babylonjs.com/Demos/ActionBuilder/) - Turn the lights on/off using flip switches. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ActionBuilder)) 173 | - [Actions](https://www.babylonjs.com/Demos/Actions/) - A torus that goes around in a circle and changes shape when it hovers over another shape. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Actions)) 174 | - [Amp360Video](https://www.babylonjs.com/Demos/Amp360Video/) - Explore a video in 360°. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Amp360Video)) 175 | - [AssetsManager](https://www.babylonjs.com/Demos/AssetsManager/) - A human skull. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/AssetsManager)) 176 | - [AudioAnalyser](https://www.babylonjs.com/Demos/AudioAnalyser/) - Babylon isn't just graphics; it's a full game engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/AudioAnalyser)) 177 | - [Bones](https://www.babylonjs.com/Demos/Bones/) - A walking soldier + animated bunnies. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Bones)) 178 | - [Boom](https://www.babylonjs.com/Demos/Boom/) - Make things explode with a touch. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Boom)) 179 | - [Bump](https://www.babylonjs.com/Demos/Bump/) - Render a ball using bump mapping. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Bump)) 180 | - [CellShading](https://www.babylonjs.com/Demos/CellShading/) - Use cell-shading to reproduce a cartoon-like effect. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/CellShading)) 181 | - [Charting](https://www.babylonjs.com/Demos/Charting/) - 3D charts. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Charting)) 182 | - [ChibiRex](https://www.babylonjs.com/Demos/ChibiRex/) - An animated baby T-Rex. What more do you need? ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ChibiRex)) 183 | - [Dancers](https://www.babylonjs.com/Demos/Dancers/) - Animated 3D dancers. _warning: takes a long time to load._ ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Dancers)) 184 | - [Dancing CSG](https://www.babylonjs.com/Demos/Dancing%20CSG/) - Constructive Solid Geometry using lights and a sparkly texture. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Dancing%20CSG)) 185 | - [Decals](https://www.babylonjs.com/Demos/Decals/) - Touch the cat to splatter it with black ink. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Decals)) 186 | - [DiStraction](https://www.babylonjs.com/Demos/Distraction/) - A JavaScript driving game demo. Works with a DS3. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Distraction)) 187 | - [DragNDrop](https://www.babylonjs.com/Demos/DragNDrop/) - Drag and rearrange different shapes. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/DragNDrop)) 188 | - [Espilit](https://www.babylonjs.com/Demos/Espilit/) - Explore an entire (barebones) house. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Espilit)) 189 | - [ExtrudePolygon](https://www.babylonjs.com/Demos/ExtrudePolygon/) - Destroy your own house. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/ExtrudePolygon)) 190 | - [Facets](https://www.babylonjs.com/Demos/Facets/) - A fountain of countless balls falling onto a complex shape, showcasing physics. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Facets)) 191 | - [Flat 2009](https://www.babylonjs.com/Demos/Flat2009/) - Explore an extremely detailed apartment, including a fishtank and bathroom. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Flat2009)) 192 | - [FlightHelmet](https://www.babylonjs.com/Demos/FlightHelmet/) - A realistic aviator's helmet. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/FlightHelmet)) 193 | - [Fur](https://www.babylonjs.com/Demos/Fur/) - A disturbingly furred bunny. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Fur)) 194 | - [GLTF](https://www.babylonjs.com/Demos/GLTF/) - A GLTF Alien model featuring facial animations. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GLTF)) 195 | - [GUI](https://www.babylonjs.com/Demos/GUI/) - An interactive 3D UI. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GUI)) 196 | - [GlowLayer](https://www.babylonjs.com/Demos/GlowLayer/) - Make a neon pipe glow like plasma. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GlowLayer)) 197 | - [GlowingEspilit](https://www.babylonjs.com/Demos/GlowingEspilit/) - Espilit but with glowing effects. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/GlowingEspilit)) 198 | - [Heightmap](https://www.babylonjs.com/Demos/Heightmap/) - Generate terrain using a heightmap. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Heightmap)) 199 | - [HillValley](https://www.babylonjs.com/Demos/HillValley/) - Explore a town isolated from the outside world, like in _The Twilight Zone._ ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/HillValley)) 200 | - [HillValleyVR](https://www.babylonjs.com/Demos/HillValleyVR/) - HillValley but creepier in VR. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/HillValleyVR)) 201 | - [Ink](https://www.babylonjs.com/Demos/Ink/) - Quick Demo of using Babylon.js to simulate inking. ([source](https://github.com/sebavan/BabylonjsInkSample)) 202 | - [InstancedBones](https://www.babylonjs.com/Demos/InstancedBones/) - A group of soldiers marching in sync. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/InstancedBones)) 203 | - [Instances2](https://www.babylonjs.com/Demos/Instances2/) - A complex, moving space engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Instances2)) 204 | - [LookAt](https://www.babylonjs.com/Demos/LookAt/) - Stare at a colored ball moving around in a box of shapes. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/LookAt)) 205 | - [Mansion](https://www.babylonjs.com/Demos/Mansion/) - Explore a haunted mansion. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Mansion)) 206 | - [MansionVR](https://www.babylonjs.com/Demos/MansionVR/) - Explore a haunted mansion in virtual reality. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/MansionVR)) 207 | - [MotionBlur](https://www.babylonjs.com/Demos/MotionBlur/) - Blur things like if you were moving like The Flash. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/MotionBlur)) 208 | - [PBRGlossy](https://www.babylonjs.com/Demos/PBRGlossy/) - Physically based rendering of a battle-damaged sci-fi helmet. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PBRGlossy)) 209 | - [PBRGlossyBloom](https://www.babylonjs.com/Demos/PBRGlossyBloom/) - Similar to PBRGlossy, but with an extra bloom filter. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PBRGlossyBloom)) 210 | - [PPBloom](https://www.babylonjs.com/Demos/PPBloom/) - Simple post-processing. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PPBloom)) 211 | - [PPConvolution](https://www.babylonjs.com/Demos/PPConvolution/) - A more advanced post-processing demo. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/PPConvolution)) 212 | - [Particles](https://www.babylonjs.com/Demos/Particles/) - Colorful particles erupting. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Particles)) 213 | - [Physics](https://www.babylonjs.com/Demos/Physics/) - Spheres and blocks with gravity added. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Physics)) 214 | - [Polygon](https://www.babylonjs.com/Demos/Polygon/) - It's a bird, but how did it get so flat? ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Polygon)) 215 | - [Procedural](https://www.babylonjs.com/Demos/Procedural/) - Don't hard-code content; generate it procedurally. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Procedural)) 216 | - [Retail](https://www.babylonjs.com/Demos/Retail/) - Explore a small store (no stealing). ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Retail)) 217 | - [SPS](https://www.babylonjs.com/Demos/SPS/) - Simulate asteroids around a planet using a solid particle system. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SPS)) 218 | - [SPSCollisions](https://www.babylonjs.com/Demos/SPSCollisions/) - Solid particles as confetti being raining down on a ball. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SPSCollisions)) 219 | - [SpaceDeK](https://www.babylonjs.com/Demos/SpaceDeK/) - Pretty darn close to a space-shooter. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SpaceDeK)) 220 | - [Sponza](https://www.babylonjs.com/Demos/Sponza/) - The most famous Babylon.js demo. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Sponza)) 221 | - [SponzaDynamicShadows](https://www.babylonjs.com/Demos/SponzaDynamicShadows/) - A simpler version of Sponza, but with dynamic lights. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/SponzaDynamicShadows)) 222 | - [TheCar](https://www.babylonjs.com/Demos/TheCar/) - A futuristic car parked all by itself in a garage. Too bad there's no key. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/TheCar)) 223 | - [Train](https://www.babylonjs.com/Demos/Train/) - An incredibly realistic train. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Train)) 224 | - [Tunnel](https://www.babylonjs.com/Demos/Tunnel/) - Travel inside an endless rust-filled tunnel. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Tunnel)) 225 | - [V8](https://www.babylonjs.com/Demos/V8/) - A complex, moving replica of a V8 engine. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/V8)) 226 | - [Video Processing Sample](https://www.babylonjs.com/Demos/VideoProcessing/) - Quick Demo for setting up a Babylon.js real-time video processing using a webcam. ([source](https://github.com/sebavan/BabylonjsVideoProcessingSample)) 227 | - [WCafe](https://www.babylonjs.com/Demos/WCafe/) - Windows Cafe is a great place to unwind and have a relaxing look around. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/WCafe)) 228 | - [Yeti](https://www.babylonjs.com/Demos/Yeti/) - A non-threatening Yeti, complete with snow. ([source](https://github.com/BabylonJS/Website/tree/master/build/Demos/Yeti)) 229 | 230 | ## Scenes 231 | 232 | _Extra demonstrations of Babylon.js_ 233 | 234 | - [Minority Race](https://www.babylonjs.com/Scenes/minority-race/) - A racing game made in 2016 for a film school. ([source](https://github.com/BabylonJS/Website/tree/master/build/Scenes/minority-race)) 235 | - [Robot Presentation](https://www.babylonjs.com/Scenes/Robot/) - A robot gives a timed presentation, with an interactive slider to control animation status. ([source](https://github.com/BabylonJS/Website/tree/master/build/Scenes/Robot)) 236 | - [World Monger](https://www.babylonjs.com/Scenes/WorldMonger/) - Become a God and shape the world around you. ([source](https://github.com/BabylonJS/Website/tree/master/build/Scenes/WorldMonger)) 237 | 238 | ## Games 239 | 240 | _Open source games built with Babylon.js_ 241 | 242 | - [Accessible Breakout](https://github.com/babylonjs-archive/accessiblebreakout) - Breakout game fully accessible for people who are blind or visually impaired. ([demo]()) 243 | - [Alien Cargo](https://github.com/vudugun/AlienCargo) - A WebGL 3D game inspired by the classic puzzle game Sokoban. ([demo](https://vudugun.github.io/AlienCargo/)) 244 | - [Attack of the Killer Bunnies](https://github.com/farmersanonymous/killer-bunnies) - Where bunnies go to die. ([demo](https://ericbroberic.itch.io/attack-of-the-killer-bunnies)) 245 | - [Barkanoid](https://github.com/pigmin/Breakout) - Arkanoid / Breakout clone with cinematic opening. ([demo](https://pigmin.github.io/Breakout/)) 246 | - [Block](https://github.com/Temechon/block) - A block puzzle game. ([demo](http://pixelcodr.com/games/block/game.html)) 247 | - [Cube Endless Runner](https://github.com/babylonjs-archive/endless-runner-3d) - Cube Endless Runner is a 3D game built on top of WebGL and HTML5 technologies. ([demo](https://babylonjs-archive.github.io/endless-runner-3d/)) 248 | - [Defend](https://github.com/xtreemze/defend) - Procedural Cross-Platform 3D Tower Defense Web Game with Physics and AI and Procedural Sound. ([demo](https://xtreemze.github.io/defend/)) 249 | - [F18 Fighter Simulation](https://github.com/renjianfeng/F18FlightSimulator-ammojs) - Simulation driving of F18 Fighter. ([demo](https://renjianfeng.github.io/F18FlightSimulator-ammojs/dist/index.html)) 250 | - [Hide and Seek Demo](https://github.com/colyseus/babylonjs-hide-and-seek) - Multiplayer Hide-and-Seek made with BabylonJS and Colyseus. ([demo](https://docs.colyseus.io/colyseus/demo/babylonjs-editor/hide-and-seek/)) 251 | - [Light Speed Ready!](https://github.com/Xanmia/Light-Speed-Ready) - A spaceship game of gathering resources and leveling your ship. ([demo](https://www.kraem.com/Light-Speed-Ready/game.html)) 252 | - [NeoTrap](https://github.com/shanadeshana/NeoTrap) - Music-based game. ([demo](https://omarxo.itch.io/neotrap)) 253 | - [Planet Builder](https://github.com/SvenFrankson/planet-builder-web) - Spherical Voxel Engine demo with a robot hand. ([demo](https://svenfrankson.github.io/PlanetBuilder2022/index.html)) 254 | - [Raucous Running and Rampaging Robot Racer Rally (R6)](https://github.com/hrr8-hermes/hrr8-hermes) - A fast-paced many-explosion robot racer game. ([demo](https://r6redux.herokuapp.com/)) 255 | - [Simple 3D FPS](https://github.com/babylonjs-archive/simple-3d-fps) - A simple FPS game following Clean Code principles. ([demo](https://babylonjs-archive.github.io/simple-3d-fps/)) 256 | - [Space Invaders](https://github.com/johnpitchers/Space-Invaders) - Space Invaders in your browser with 3D WebGL. ([demo](https://spaceinvaders.viperfish.com.au/)) 257 | - [Space Pirates](https://github.com/BabylonJS/SpacePirates) - Shoot down pirates in space. ([demo](https://spacepirates.babylonjs.com/)) 258 | - [Summer's Festival](https://github.com/BabylonJS/SummerFestival) - Source code for the game tutorial written by capucat. ([demo](https://capucat.github.io/summers-festival/)) 259 | - [Theasis](https://github.com/ThanosRestas/Theasis) - FPS game. ([demo](https://thanosrestas.github.io/Theasis/dist/index.html)) 260 | - [VoxelSrv](https://github.com/VoxelSrv/voxelsrv) - Voxel browser game inspired by Minecraft. ([demo](http://voxelsrv-master.pb4.eu/)) 261 | 262 | ## Projects 263 | 264 | _Open source projects using Babylon.js_ 265 | 266 | - [3D Creator](https://github.com/simonguest/3dcreator) - A prototype that shows how students (grades 7-12) can use block-based programming to create immersive 3D scenes. ([demo](https://simonguest.github.io/3dcreator/)) 267 | - [3D Tetris](https://github.com/babylonjs-archive/3d-tetris) - 3D Tetris using the Babylon.js engine. ([demo](https://babylonjs-archive.github.io/3d-tetris/)) 268 | - [BABYDOOM](https://github.com/Arc0re/arc0re.github.io) - Basic DOOM clone. ([demo](https://arc0re.github.io/)) 269 | - [babylon-accessibility-example](https://github.com/Symbitic/babylon-accessibility-example) - Example of how to add accessibility to 3D models. ([demo](https://symbitic.github.io/babylon-accessibility-example/)) 270 | - [babylon-demo](https://github.com/SvenFrankson/babylon-demo) - Babylon.js demo for academic purposes. ([demo](https://svenfrankson.github.io/BabylonDemoWeb/index.html)) 271 | - [BabylonFpsDemo](https://github.com/renjianfeng/BabylonFpsDemo) - A first-person shooter with Babylon.js ([demo](https://renjianfeng.github.io/BabylonFpsDemo/example/index.html)) 272 | - [BabylonJS-CharacterController](https://github.com/ssatguru/BabylonJS-CharacterController) - A CharacterController for Babylon.js ([demo](https://ssatguru.github.io/BabylonJS-CharacterController-Samples/demo/)) 273 | - [BabylonJS-Doom-Clone](https://github.com/babylonjs-archive/doom-clone) - Doom-style game crafted with love. ([demo](https://babylonjs-archive.github.io/doom-clone/)) 274 | - [BabylonJSFirstSteps](https://github.com/topheman/BabylonJSFirstSteps) - You will find here my first steps on Babylon.js ([demo](http://labs.topheman.com/babylonjs/cone-example.html)) 275 | - [Babylon.js "magic" piano portal](https://github.com/docEdub/babylonjs-ar-piano-portal) - An augmented-reality WebXR animation of Chopin's "Winter Wind" Étude to hang on your wall! Works on flat-screen, too. ([demo](https://demos.babylonjs.com/piano-portal/)) 276 | - [BabylonJS Typescript Logic Examples](https://github.com/DisownedWheat/BabylonJS-Game-Logic-Examples) - A collection of small projects that show possible ways of handling game logic in a Babylon.js game. 277 | - [babylonjs-typescript-webpack-starter](https://github.com/pandadelphin/babylonjs-typescript-webpack-starter) - A starter template for those who want to use the famous JavaScript 3D game engine Babylon.js with TypeScript and Webpack. 278 | - [babylonjs-webpack-es6](https://github.com/RaananW/babylonjs-webpack-es6) - Babylon.js basic scene with typescript, webpack, es6 modules, editorconfig, eslint, hot loading and more. Will even make coffee if you ask nicely. 279 | - [babylonjs-webxr-template](https://github.com/yuiseki/babylonjs-webxr-template) - Babylon.js + TypeScript WebXR template project. ([demo](https://yuiseki.github.io/babylonjs-webxr-template/)) 280 | - [babylon-mtoon-material](https://github.com/virtual-cast/babylon-mtoon-material) - Unity MToon Shader WebGL porting to Babylon.js. ([demo](https://virtual-cast.github.io/babylon-mtoon-material/)) 281 | - [Babylon PostEffect Designer](https://github.com/HarveyLijh/Babylon_PostEffect_Designer_JL) - Full control of post effects adjustments in Babylon.js. Supports real-time post-effect adjustments, mesh import, and post-effect data sharing. ([demo](https://harveylijh.github.io/Babylon_PostEffect_Designer_JL/)) 282 | - [babylon_ragdoll_robi](https://github.com/Takebon/babylon_ragdoll_robi) - Babylon.js ragdoll robot. ([demo](https://ragdoll-robi.web.app/)) 283 | - [babylon-steering](https://github.com/LorenzoCorbella74/babylon-steering) - Steering behaviors library for moving entities in the x/z plane. 284 | - [Bomberman 3D](https://github.com/adisoftbn/Bomberman3D) - Experimental game dev with Babylon.js and Angular 5. ([demo](https://adisoftbn.github.io/Bomberman3D/)) 285 | - [cannon-es-debugger-babylonjs](https://github.com/neu5/cannon-es-debugger-babylonjs) - This is a debugger for use with cannon-es. ([demo](https://neu5.github.io/cannon-es-debugger-babylonjs/)) 286 | - [Christmas runner](https://github.com/Temechon/Christmas-runner) - A Babylon.js game made for Christmas. ([demo](http://pixelcodr.com/games/christmasRunner/)) 287 | - [Divine Voxel Engine](https://github.com/Divine-Star-Software/DivineVoxelEngine) - A truly multi-threaded JavaScript voxel game engine written in TypeScript. 288 | - [ecsy-babylon](https://github.com/kaliber5/ecsy-babylon) - Experimental Babylon.js implementation of ECSY. 289 | - [Epic Guide](https://github.com/Temechon/Babylon.js-FPS) - A FPS game about going for a walk. ([demo](http://pixelcodr.com/games/babylonjs-fps/)) 290 | - [ergoudan](https://github.com/armomu/ergoudan) - Havok physics character controller demo. ([demo](https://armomu.github.io/ergoudan/#/)) 291 | - [facecap](https://github.com/imerso/facecap) - Mediapipe face capture. ([demo](https://imerso.github.io/babylon.js/facecap/)) 292 | - [fps-babylon-js](https://github.com/Raigyo/fps-babylon-js) - Online Multiplayer First Person Shooter with Babylon.js & SocketIO. ([demo](https://babylon-fps-online.herokuapp.com/)) 293 | - [glTF_Physics_Babylon](https://github.com/eoineoineoin/glTF_Physics_Babylon) - Demonstrates filters, joints, and complex assets like a water wheel. ([demo](https://eoineoineoin.github.io/glTF_Physics_Babylon/packages/demo/dist/#sceneIndex=6)) 294 | - [HTML5 FPS](https://github.com/csarkosh/html5-fps) - Demo of an HTML5 first-person rig built on Babylon.js and React. ([demo](https://fps.csarko.sh/)) 295 | - [Kicker](https://github.com/Temechon/kicker) - A soccer ball game made for Babylon.js February Challenge. ([demo](http://pixelcodr.com/games/kicker/)) 296 | - [KZ Climbing](https://github.com/BabylonJSGames/BabylonJS-Platformer-Game-Prototype) - A 3D platformer browser game prototype similar to "KZ" maps in Counter Strike. ([demo](https://kzclimbing.netlify.app/client/public/)) 297 | - [Molvwr](https://github.com/gleborgne/molvwr) - WebGL molecule viewer. ([demo](https://gleborgne.github.io/molvwr/)) 298 | - [multiplayer-babylon-js-game](https://github.com/aeon0/multiplayer-babylon-js-game) - Multiplayer game with server and client-side physics engine synchronization. ([demo](http://185.82.21.82:8700/)) 299 | - [Multiplayer FPS-Game](https://github.com/aeon0/FPS-Game) - A Multiplayer FPS. ([demo](http://185.82.21.82/FPS-Game/public/)) 300 | - [nengi + Babylon 3D shooter template](https://github.com/timetocode/nengi-babylon-3d-shooter) - A template game for multiplayer 3D shooters made in Babylon.js + nengi.js with client-side prediction and lag compensation. 301 | - [OceanDemo](https://github.com/Popov72/OceanDemo) - Ocean demo in WebGPU. ([demo](https://popov72.github.io/OceanDemo/dist/index.html)) 302 | - [Oculus Quest Remote Desktop](https://github.com/shinyoshiaki/oculus-quest-remote-desktop) - Remote desktop for Oculus Quest. ([demo](https://shinyoshiaki.github.io/oculus-quest-remote-desktop/build/)) 303 | - [Playlist Browser XR](https://github.com/Symbitic/PlaylistBrowserXR) - Browse Spotify playlists in Virtual Reality. ([demo](https://www.playlistbrowserxr.xyz/)) 304 | - [Pokeball Workshop](https://gitlab.com/side_project/pokeball-workshop) - Interactive models from Game Freak's classic series. ([demo](https://side_project.gitlab.io/pokeball-workshop/)) 305 | - [react-babylonjs](https://github.com/brianzinn/react-babylonjs) - React for Babylon.js ([demo](https://brianzinn.github.io/react-babylonjs/)) 306 | - [react-babylon-spring](https://github.com/hookex/react-babylon-spring) - Build spring-physics based 3D animation with the power of react-babylonjs and react-spring. ([demo](https://hooke.life/react-babylon-spring/)) 307 | - [Roblox meets film noir](https://github.com/TomWHall/babylon-js-platformer) - A 3D platform game demo using Babylon.js and React. ([demo](https://tomwhall.github.io/babylon-js-platformer/)) 308 | - [Space Jam: A New Legacy BabylonJS Mixed Reality Experience](https://github.com/microsoft/space-jam-a-new-legacy-babylonjs-template) - This repository pairs with the Babylon.js Mixed Reality module that is part of the Microsoft Learn learning path inspired by the _Space Jam: A New Legacy_ film. 309 | - [Swarm](https://temechon.itch.io/swarm) - A Babylon.js scene made for the screensaver jam. ([demo](https://github.com/Temechon/screensaver)) 310 | - [t5c](https://github.com/orion3dgames/t5c) - The 5th Continent - an open-source multiplayer 3D RPG. ([demo](https://t5c.onrender.com/)) 311 | - [TanksBattle_WebGL_Using_Babylonjs](https://github.com/khaledose/TanksBattle_WebGL_Using_Babylonjs) - 3D Tanks Battle WebGL game. ([video](https://www.youtube.com/watch?v=HJrAUqTd1oU)) 312 | - [Tomb Raider Nostalgia](https://github.com/Popov72/TRN2) - View levels and play cut scenes for old Tomb Raider games 1/2/3/4. ([demo](https://popov72.github.io/TRN2/)) 313 | - [VR Office Throwing Game](https://github.com/wilcoschoneveld/office) - A VR throwing game. ([demo](https://office.wilcoschoneveld.com/)) 314 | - [Vue-BabylonJS](https://github.com/Beg-in/vue-babylonjs) - A ready-to-go 3D environment for Vue.js using Babylon.js ([demo](https://vuebabylonjs.com/)) 315 | - [webxr-depth-testbed-babylon](https://github.com/drumath2237/webxr-depth-testbed-babylon) - Testbed for WebXR Depth Feature. ([demo](https://drumath2237.github.io/webxr-depth-testbed-babylon/)) 316 | - [WebXR Measuring Tape](https://github.com/Narendra-Kamath/webxr-measuring-tape) - :zap: An Augmented Reality real-world length-measuring web app using the WebXR HitTarget feature. ([demo](https://narendra-kamath.github.io/webxr-measuring-tape/)) 317 | - [yuka-babylonjs-examples](https://github.com/eldinor/yuka-babylonjs-examples) - Examples of using Yuka for Game AI. ([demo](https://yuka.babylonpress.org/)) 318 | 319 | ## Examples 320 | 321 | _Demos of Babylon.js on the web._ 322 | 323 | - [Roller coaster](https://jerome.bousquie.fr/BJS/demos/rollercoaster.html) - [JS](https://jerome.bousquie.fr/BJS/demos/rollercoaster.js) 324 | - [Star Fighter](http://jerome.bousquie.fr/BJS/OfficeGames/StarFighter/StarFighter.html) - [JS](https://github.com/jbousquie/OfficeGames/blob/master/StarFighter/StarFighter.js) 325 | - [Blowing Wall](https://jerome.bousquie.fr/BJS/demos/blow.html) - [JS](https://jerome.bousquie.fr/BJS/demos/blow.js) 326 | - [Trailing Particles](https://jerome.bousquie.fr/BJS/demos/trailingParticles.html) - [JS](https://jerome.bousquie.fr/BJS/demos/trailingParticles.js) 327 | - [SPS AssemblyScript Demo](https://jerome.bousquie.fr/BJS/test/SPSWasm/spsWasm.html) - [JS](https://jerome.bousquie.fr/BJS/test/SPSWasm/spsWasm.js)/[AS](https://jerome.bousquie.fr/BJS/test/SPSWasm/index.ts) 328 | - [Yuka Corridor Algorithm](https://yuka.babylonpress.org/examples/js/graph/corridor/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/graph/corridor) 329 | - [Yuka First-Person Shooter](https://yuka.babylonpress.org/examples/js/playground/shooter/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/playground/shooter) 330 | - [Yuka Hide And Seek Shooter](https://yuka.babylonpress.org/examples/js/playground/hideAndSeek/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/playground/hideAndSeek) 331 | - [Yuka Navigation Mesh](https://yuka.babylonpress.org/examples/js/navigation/navmesh/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/navigation/navmesh) 332 | - [Yuka Navmesh Performance](https://yuka.babylonpress.org/examples/js/navigation/navmeshPerformance/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/navigation/navmeshPerformance) 333 | - [Yuka Savegames](https://yuka.babylonpress.org/examples/js/misc/savegame/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/misc/savegame) 334 | - [Yuka Tic-Tac-Toe](https://yuka.babylonpress.org/examples/js/graph/tictactoe/) - [source](https://github.com/eldinor/yuka-babylonjs-examples/tree/main/examples/js/graph/tictactoe) 335 | 336 | ## Links 337 | 338 | _Information by developers, for developers._ 339 | 340 | - [80 Level interview](https://80.lv/articles/babylon-js-a-web-first-game-engine-powering-cross-platform-experiences/) - Core developer Jason Carter elaborated on the tools and features available for developers. 341 | - [Accessibility Scene Tree for Screen Readers](https://doc.babylonjs.com/toolsAndResources/accessibility/screenReaders) - How to add screen reader support to 3D objects. 342 | - [Babylon JS Day 10: Terrarium](https://radicalappdev.com/2021/03/12/babylon-js-day-10-terrarium/) - Final in a series of lessons that explains how to use `AssetsManager`. 343 | - [Babylon JS Day 19: Golf Club](https://radicalappdev.com/2021/03/25/babylon-js-day-19/) - Shows how to leverage `AssetsManager` to load a custom model as a VR controller. 344 | - [Babylon Native in a Headless Environment](https://babylonjs.medium.com/babylon-native-in-a-headless-environment-868409b8b1cf) - A guide to some of the internals of the new Babylon Native engine. 345 | - [Babylon on Quest](https://blairmacintyre.me/2019/11/20/babylon-on-quest-one-small-step/) - Tips on how to develop WebXR games using a Quest headset. 346 | - [Building the Web-Based 3d Digital Experience for the Mayflower Autonomous Ship](https://joepavitt.medium.com/building-the-web-based-3d-digital-experience-for-the-mayflower-autonomous-ship-a56f08e6558) - A behind-the-scenes look at a production-quality Babylon.js project. 347 | - [Canvas Accessibility and GUI Animations with Babylon.js](https://babylonjs.medium.com/canvas-accessibility-and-gui-animations-with-babylon-js-8001378a1509) - The Babylon.js team introduces two interesting new features in Babylon.js 5: GUI Animations and the Accessibility Twin Renderer. 348 | - [Challenges of a web VR throwing game - DEV Community](https://dev.to/wilcoschoneveld/challenges-of-a-web-vr-throwing-game-1c66) - Developer Wilco Schoneveld shares his experiences developing a VR game using a Quest 2, including the source code. 349 | - [Figma to BabylonJS](https://doc.babylonjs.com/communityExtensions/figmaToBabylonJS) - Figma plugin that allows you to export Figma designs to Babylon.js GUI .json files. 350 | - [Frame at Microsoft Build: Speaking the World Into Existence](https://learn.framevr.io/post/msbuild2022) - FrameVR explains their web-based metaverse platform they demoed at Microsoft Build. 351 | - [Getting cross-platform rendering with Babylon Native and GLFW](https://babylonjs.medium.com/getting-cross-platform-rendering-with-babylon-native-and-glfw-e0f1422f4d74) - A guide to the low-level rendering architecture using in Babylon Native. 352 | - [How to Setup Babylon + Next.js Production Build Optimized for SEO & Speed](https://3designer.app/best/babylon-nextjs-setup) - 3Designer explains how to use Next.js to improve any Babylon.js project with faster loading and search engine visibility. 353 | - [How we published a new Babylon.js recipe book Vol. 1](https://www.crossroad-tech.com/entry/Babylonjs-recipe-Vol1-en) - CrossRoad explains their road to creating the first book for the Japanese Babylon.js community. ([playground](https://scrapbox.io/babylonjs/Playground)) 354 | - [Integrating BabylonJS 3D Engine into an Angular Business Application](https://www.thinktecture.com/en/babylonjs/babylon-angular-performance-optimization/) - Gives some great tips about performance optimization. 355 | - [Journey Beyond The Docs](https://doc.babylonjs.com/guidedLearning/bjsBook) - Introduction by the Babylon.js team to the officially-endorsed book. 356 | - [Mesh shattering with baked physics](https://babylonjs.medium.com/mesh-shattering-with-baked-physics-5b3f8f381743) - Besides explaining how to use precompute physics for mesh shattering, this official blog post from the Babylon.js team shows how to integrate it with Node Material Editor. 357 | - [MR and the Web with Babylon.js 5.0](https://learn.microsoft.com/en-us/events/mixed-reality-dev-days/mr-and-the-web-with-babylonjs-50) - Microsoft Learn session introducing Babylon.js 5.0 and the new Babylon Native. ([recording](https://www.youtube.com/watch?v=cMrIvPrkB0Y)) 358 | - [Optimizing a Large-Scale Babylon.js Scene](https://joepavitt.medium.com/optimizing-a-large-scale-babylon-js-scene-9466bb715e15) - Gives tips on how to render a large number of meshes and vertices without impacting performance. 359 | - [Using WebXR With Babylon.js — Smashing Magazine](https://www.smashingmagazine.com/2020/10/using-webxr-with-babylonjs/) - Provides a comprehensive introduction to WebXR and how to use it to develop immersive experiences. 360 | - [Yuka + Babylon.js Examples - Game AI Examples with Babylon.js](https://yuka.babylonpress.org/examples/) - A first-rate collection of Babylon.js demos, each using Yuka for AI. 361 | 362 | ## Forum 363 | 364 | _Valuable and informative links from the Babylon.js forum._ 365 | 366 | - [Demo Ammo Physics Scene](https://forum.babylonjs.com/t/demo-ammo-physics-scene/32827) - Explains the Mustang Demo developed with the Babylon.js Unity Exporter. 367 | - [Observablehq.com + BabylonJS StarterKit](https://forum.babylonjs.com/t/observablehq-com-babylonjs-starterkit/24791) - Explains how to use Babylon.js on ObservableHQ, the JavaScript equivalent Jupyter Notebooks. 368 | - [Yuka Game AI + Babylon.js Examples](https://forum.babylonjs.com/t/yuka-game-ai-babylon-js-examples-the-1st-release/27690) - A complete list of all the Yuka Babylon.js links. 369 | -------------------------------------------------------------------------------- /media/logo.svg: -------------------------------------------------------------------------------- 1 | logo_page_smaller --------------------------------------------------------------------------------