Examples from the playground

Flying over a landscape

http://jerome.bousquie.fr/BJS/test/terrainRoad.html

1 Like

Car race with using physics engine

image
https://playground.babylonjs.com/#609QKP#2

1 Like

I don’t need my turtle classes anymore. After I run in more difficulties with the development my turtles I decided to take a new approach.

Now I use the functions of the transformations provided by babylon.

Paths will be rendered on every “run” randomly:

image

https://playground.babylonjs.com/#55S77X

3 Likes

https://www.babylonjs-playground.com/#0M0UAI#46

2 Likes

A crystalline landscape from the distant future (millions of years) in a strange galaxy where no human has ever been before… sounds like the beginning of an interesting night reading. :slight_smile:

https://www.babylonjs-playground.com/debug##DZNEG7

2 Likes

When you build that world, here is something to help you tell the STORY.

Hero Journey Design Pattern

hero journey visualized pattern - Google Search

2 Likes

Thank you for the the search criteria… Google spit me a ton of good ideas out! :slight_smile:

First I was stunned and lost in the floods of the internet, then I put on my magic mask and take a deep breath … finally after all I found a sign in front of me:

2 Likes

i found this :slight_smile: remember good days

https://www.babylonjs-playground.com/#1U5GPV#65

image

6 Likes

Underwater effect


https://www.babylonjs-playground.com/#LFYUSY#23

3 Likes

My first flower creation:

image
https://www.babylonjs-playground.com/##PW82F1

(It takes about 12 seconds in the browser to build the construction!)

1 Like

I should give a try to redesign it with an immutable SPS. Maybe it would keep at 60 fps anyway because no instance matrix/frustum recomputation each frame.

1 Like

What does it mean?

1 Like

https://doc.babylonjs.com/how_to/solid_particle_system#create-an-immutable-sps

An immutable SPS is a non-updatable mesh programatically built from different subparts called the solid particles.
Whatever immutable or not, it’s a final single mesh and not a bunch of instances.

5 Likes

I’m glad you asked that, N! I was scared to do it. And thx for info, J-doggy!

Anyway, near the end of this slightly-aged thread, DeltaCommando made a 25-hit playground that is… just SO WEIRD (and probably powerful)… that it HAD TO BE included here.

Possibly, FIREFOX ONLY. Failure reports have been heard from Chrome and IE. Not sure about others.

I never expected to ever see new Blob in a BJS scene, but there it is… and it seems to be doing something useful!

There’s security walls surrounding stuff in the Context2D imageBuffer area of JS-land… and I have never understood them very well. Can this paint-on SVG system… be used for GUI ImageControls and backgrounds for other controls? (Helpers can PM me about that, so the thread doesn’t wander, thx)

There’s plenty of fun reading with a forum search for SVG. I don’t know WHY I’m so interested in decals and other paint-onto-texture stuff, but I am. (possibly-easier backgrounds for dashboard/HUD meters, gauges, radars, scopes, panels, etc)

A recent feature request caught my eye, too. More talk of SVG used for GUI, yum. I might go over there and beg them guys to teach me what-the-heck they are talking about. :slight_smile:

The code with svg in “25-hit” does nothing when you comment out the main responsible spots which are drawing the image.

https://www.babylonjs-playground.com/#5ZCGRM#80

Here is a playground which uses a svg as material for the texture of the ground:

materialPlane.diffuseTexture = new BABYLON.Texture(“https://upload.wikimedia.org/wikipedia/commons/0/0e/Ski_trail_rating_symbol-green_circle.svg”, scene);


https://playground.babylonjs.com/#4LZRS

excellent ! :blush:

you can also animate them https://www.babylonjs-playground.com/#IBAZWV#3
or dynamically color, scale or texture them … up to your imagination :wink:

1 Like

https://www.babylonjs-playground.com/#IBAZWV#4

2 Likes

I made this one a while ago:

https://www.babylonjs-playground.com/#NGH9FM#27

bump, refraction etc. is based on simplex noise.

cheers

5 Likes

… breathtaking! wonderful work, dannybucksch! :smiley:

1 Like