# Examples from the playground

**URL:** <https://forum.babylonjs.com/t/examples-from-the-playground/3175>\
**Category:** Demos and projects\
**Created:** [May 13, 2019, 4:33pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175 "2019-05-13T16:33:14Z")\
**Posts on this page:** 20\
**Page:** 13

<div class="post-metadata">

**Author:** ![REX\_DUNGEUR](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/rex_dungeur/32/17559_2.png) [@REX\_DUNGEUR](https://forum.babylonjs.com/u/REX_DUNGEUR)\
**Post date:** [September 16, 2020, 3:54pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/701 "2020-09-16T15:54:59Z")

</div>

Worldcraft:

 ![Screenshot from 2020-09-15 16-02-10](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/9/91765e29a7d00b2ba58ae20c8e409b04d5a41a6d.jpeg)

---

<div class="post-metadata">

**Author:** ![REX\_DUNGEUR](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/rex_dungeur/32/17559_2.png) [@REX\_DUNGEUR](https://forum.babylonjs.com/u/REX_DUNGEUR)\
**Post date:** [September 18, 2020, 1:04pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/703 "2020-09-18T13:04:05Z")

</div>

nice

---

<div class="post-metadata">

**Author:** ![REX\_DUNGEUR](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/rex_dungeur/32/17559_2.png) [@REX\_DUNGEUR](https://forum.babylonjs.com/u/REX_DUNGEUR)\
**Post date:** [September 19, 2020, 2:06pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/704 "2020-09-19T14:06:54Z")

</div>

Watch out for spaceships!  
[https://playground.babylonjs.com/#C7PM2B#4](https://playground.babylonjs.com/#C7PM2B#4)

 ![Screenshot from 2020-09-19 16-06-33](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/1/1159681d72c10ce5305afc2c640a0a6a30197822.jpeg)

---

<div class="post-metadata">

**Author:** ![MyFault](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/myfault/32/695_2.png) [@MyFault](https://forum.babylonjs.com/u/MyFault)\
**Post date:** [September 20, 2020, 7:09am UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/707 "2020-09-20T07:09:07Z")

</div>

First off, wow, so many cool new playgrounds. Y’all are killing it!!

Ok, newest revision has a few targets and I have collision with the targets. The code has gotten monstrously ugly again and there are bugs, hopefully next rev I can get them sorted.

Pretty sure my collision code needs a lot of work, will be making a smaller version I can ask more questions about on the forum to hopefully get help with a more efficient and sensible solution.

 ![Swords02](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/1/17a26df602ea8d591d8fd5c409e8b79ff2eaaa56.png)  
[Watch Out for Swords - rev 2](https://playground.babylonjs.com/#ZD364L#2)

---

<div class="post-metadata">

**Author:** ![REX\_DUNGEUR](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/rex_dungeur/32/17559_2.png) [@REX\_DUNGEUR](https://forum.babylonjs.com/u/REX_DUNGEUR)\
**Post date:** [September 22, 2020, 2:09pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/709 "2020-09-22T14:09:44Z")

</div>

Wow, nice project!

---

<div class="post-metadata">

**Author:** ![MyFault](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/myfault/32/695_2.png) [@MyFault](https://forum.babylonjs.com/u/MyFault)\
**Post date:** [September 22, 2020, 3:55pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/711 "2020-09-22T15:55:04Z")

</div>

HAHAHA

Bow down before Necips, Master of Swords!!!

---

<div class="post-metadata">

**Author:** ![HiteshSahu](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/hiteshsahu/32/50817_2.png) [@HiteshSahu](https://forum.babylonjs.com/u/HiteshSahu)\
**Post date:** [September 22, 2020, 6:14pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/712 "2020-09-22T18:14:33Z")

</div>

Fake Spring system

[https://playground.babylonjs.com/#1VPUIR#1](https://playground.babylonjs.com/#1VPUIR#1)

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/1/1d7aacae1c2480c6d1872ce8c670c6ac0da674ff.png)

---

<div class="post-metadata">

**Author:** ![MyFault](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/myfault/32/695_2.png) [@MyFault](https://forum.babylonjs.com/u/MyFault)\
**Post date:** [September 23, 2020, 4:22am UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/715 "2020-09-23T04:22:32Z")

</div>

First off, Necips, awesome. So cool to have someone mess with my playground, I am honored!

Cleaned up code a bunch. Was getting a lot of false hits so redid collision. Now just takes in to account original crosshair x,y and compares to target’s x, y and radius, so more accurate.  
Made a transform node to gather up all the misses. Made inspector much cleaner.  
Also you can only throw a single sword at a time due to me getting some weird issues with swords occasionally hanging in mid-air. Will sort so Necips can return to being the sword ninja!  
Have a quickie GUI for score. Wanted to do more but took me ages to figure out how to properly do that. Was surprised to find so little info on that in the docs. Would not be sad to see a future GUI vid from @PirateJC in the future. Hint, hint, pretty please 🙂

 ![Swords05](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/d/deb7af2b4cfb7c8cd221994712c86644e7bd8f36.png)  
[Watch Out for Swords 5](https://playground.babylonjs.com/#ZD364L#5)

---

<div class="post-metadata">

**Author:** ![REX\_DUNGEUR](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/rex_dungeur/32/17559_2.png) [@REX\_DUNGEUR](https://forum.babylonjs.com/u/REX_DUNGEUR)\
**Post date:** [September 23, 2020, 12:20pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/717 "2020-09-23T12:20:46Z")

</div>

👍🏻

---

<div class="post-metadata">

**Author:** ![MyFault](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/myfault/32/695_2.png) [@MyFault](https://forum.babylonjs.com/u/MyFault)\
**Post date:** [September 23, 2020, 3:30pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/718 "2020-09-23T15:30:40Z")

</div>

Ok @Necips, new revision brings back multiple shots. I was having an issue with swords being a hit but then being off, I think because Target moved at just the wrong time. I sorted by checking all the Hits and if the hit is off, moving it back on the Target in the registerAfterRender. Not perfect, but it works.

Thanks for the thumbs up @REX_DUNGEUR!

My goal is still to have the Targets move, but more smoothly back and forth across the screen, not like the current teleport. Or possibly have one row move and another teleport. I also need to fix the GUI on mobile but honestly, I find the GUI very confusing.

[Watch Out for Swords!](https://playground.babylonjs.com/#ZD364L#6)

---

<div class="post-metadata">

**Author:** ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)\
**Post date:** [September 23, 2020, 4:08pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/720 "2020-09-23T16:08:13Z")

</div>

@MyFault - GUI video? Done! I’ll add this to my list for upcoming videos! Thanks for the request!!!

---

<div class="post-metadata">

**Author:** ![Ateria](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/ateria/32/1351_2.png) [@Ateria](https://forum.babylonjs.com/u/Ateria)\
**Post date:** [September 24, 2020, 8:15am UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/722 "2020-09-24T08:15:14Z")

</div>

You should showcase how to customize the gui with textures as well, it’s almost a hidden feature lol 😛

---

<div class="post-metadata">

**Author:** ![Ateria](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/ateria/32/1351_2.png) [@Ateria](https://forum.babylonjs.com/u/Ateria)\
**Post date:** [September 24, 2020, 8:28am UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/723 "2020-09-24T08:28:44Z")

</div>

I’d love to see the full project when you get it uploaded 🙂

---

<div class="post-metadata">

**Author:** ![REX\_DUNGEUR](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/rex_dungeur/32/17559_2.png) [@REX\_DUNGEUR](https://forum.babylonjs.com/u/REX_DUNGEUR)\
**Post date:** [September 24, 2020, 1:12pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/724 "2020-09-24T13:12:48Z")

</div>

Hardware instancing  
[https://playground.babylonjs.com/#YB006J#286](https://playground.babylonjs.com/#YB006J#286)

 ![Screenshot from 2020-09-24 15-11-07](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/9/98e25e2021f2251a483522d24eedc2ae1e357e19.jpeg)

---

<div class="post-metadata">

**Author:** ![sokorototo](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sokorototo/32/11061_2.png) [@sokorototo](https://forum.babylonjs.com/u/sokorototo)\
**Post date:** [September 24, 2020, 8:13pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/725 "2020-09-24T20:13:40Z")

</div>

I made little **adjustments**. Hope it _helped_. [Link to the playground here](https://www.babylonjs-playground.com/#2PBY8W#8).

---

<div class="post-metadata">

**Author:** ![REX\_DUNGEUR](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/rex_dungeur/32/17559_2.png) [@REX\_DUNGEUR](https://forum.babylonjs.com/u/REX_DUNGEUR)\
**Post date:** [September 25, 2020, 1:15pm UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/726 "2020-09-25T13:15:14Z")

</div>

Audio analyzer #1  
[https://playground.babylonjs.com/#TUR5GH#0](https://playground.babylonjs.com/#TUR5GH#0)

 ![Screenshot from 2020-09-25 14-56-11](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/1/14052c7abc3ca658b641a77185540184ea536a72.jpeg)

---

<div class="post-metadata">

**Author:** ![MyFault](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/myfault/32/695_2.png) [@MyFault](https://forum.babylonjs.com/u/MyFault)\
**Post date:** [September 26, 2020, 2:11am UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/728 "2020-09-26T02:11:43Z")

</div>

Ok, tweaked a few things. Had issues with using a new font, as it would only load up after a click happened. I sorted by make a “click to begin” button, but I really hate that solution.

Edited this post because my first pass with just normal instance was soooo slow on my phone. Now redone using thin instances and it is waaay faster

 ![Swords10](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/b/b1c8e391985453fc55ddc1cb2dae4906a6d69139.png)  
[Watch Out for Swords](https://playground.babylonjs.com/#ZD364L#14)

---

<div class="post-metadata">

**Author:** ![HiteshSahu](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/hiteshsahu/32/50817_2.png) [@HiteshSahu](https://forum.babylonjs.com/u/HiteshSahu)\
**Post date:** [September 26, 2020, 7:25am UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/729 "2020-09-26T07:25:20Z")

</div>

[https://www.babylonjs-playground.com/#PL752W#175](https://www.babylonjs-playground.com/#PL752W#175)

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/7/73eea163bb61b87b2c01c627e5b3af0cabb95450.png)

3d text demo.

---

<div class="post-metadata">

**Author:** ![HiteshSahu](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/hiteshsahu/32/50817_2.png) [@HiteshSahu](https://forum.babylonjs.com/u/HiteshSahu)\
**Post date:** [September 26, 2020, 7:25am UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/730 "2020-09-26T07:25:32Z")

</div>

[https://playground.babylonjs.com/#E6IX1#39](https://playground.babylonjs.com/#E6IX1#39)

Particle spikes

[https://playground.babylonjs.com/#3DVLG#7](https://playground.babylonjs.com/#3DVLG#7)

Dude with stick figure  
[https://playground.babylonjs.com/#1BZJVJ#7](https://playground.babylonjs.com/#1BZJVJ#7)

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/f/f5f5a5e93bfe92d23c69a0cc04df081aa84a42d3.jpeg)

[https://playground.babylonjs.com/#1CMD3G#2](https://playground.babylonjs.com/#1CMD3G#2)

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/9/90ccf965843f54028c030d6dfcd528b58c5f03bf.png)

[https://playground.babylonjs.com/#1CMD3G#9](https://playground.babylonjs.com/#1CMD3G#9)

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/2/2e008236b58517eba90f7dc32ee8bae19e91ddd0.jpeg)

---

<div class="post-metadata">

**Author:** ![HiteshSahu](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/hiteshsahu/32/50817_2.png) [@HiteshSahu](https://forum.babylonjs.com/u/HiteshSahu)\
**Post date:** [September 26, 2020, 7:30am UTC](https://forum.babylonjs.com/t/examples-from-the-playground/3175/731 "2020-09-26T07:30:01Z")

</div>

Some weird machine  
[https://playground.babylonjs.com/#2KHPSP#14](https://playground.babylonjs.com/#2KHPSP#14)

Life is a highway

[https://playground.babylonjs.com/#KVRKS#6](https://playground.babylonjs.com/#KVRKS#6)

frame it  
[https://playground.babylonjs.com/#11JINV#58](https://playground.babylonjs.com/#11JINV#58)

box city  
[https://playground.babylonjs.com/#2FPT1A#56](https://playground.babylonjs.com/#2FPT1A#56)

just another point of view  
[https://playground.babylonjs.com/#1WROZH#2](https://playground.babylonjs.com/#1WROZH#2)

Weird Lines  
[https://playground.babylonjs.com/#2K1IS4#1](https://playground.babylonjs.com/#2K1IS4#1)

line triangle  
[https://playground.babylonjs.com/#2K1IS4#3](https://playground.babylonjs.com/#2K1IS4#3)

Ribbon rocket  
[https://playground.babylonjs.com/#1XA063#3](https://playground.babylonjs.com/#1XA063#3)

babylon js yayyy  
[https://playground.babylonjs.com/#1SHP80#6](https://playground.babylonjs.com/#1SHP80#6)

[Previous page](https://forum.babylonjs.com/t/examples-from-the-playground/3175.md?page=12)

[Next page](https://forum.babylonjs.com/t/examples-from-the-playground/3175.md?page=14)
