Examples from the playground

https://playground.babylonjs.com/#RJ09NP#29

“Stasis in darkness.
Then the substanceless blue”

1 Like

I don’t know. Right, now I’d say: Those with a mask, a vaccination certificate and who do not rely on events or cultural exchanges for a living;)

Yup. And so will I. And I d’ actually rather think ‘three times’ than just twice. Or I might just loose this edge and soft shadows of mine in the battle;)

LoL. I told you already. Stop that or I’m going to marry you :crazy_face: :wink:

Hey,
maybe it is useful for some:

https://playground.babylonjs.com/#6T8SBT

This one loads a gltf file, and adds a custom extension to create pbr custom materials instead of pbr materials and adds a saturation filter to the shader. This way you can make your loaded assets grayscale.
Digged through some other threads and was able to create this one :slight_smile:

5 Likes

Any idea if there is a pg of the e-commerce product demo? I really like the transition effect: Babylon.js Product Page Demo

EDIT:

Just found it on git: Website/build/Demos/ProductPage at master · BabylonJS/Website · GitHub

2 Likes

Playing with an octopus

OctopusGizmo | Babylon.js Playground (babylonjs.com)

OctopusBall | Babylon.js Playground (babylonjs.com)

16 Likes

:joy: this is fun

2 Likes

I dont know if I ever posted this or not.
https://playground.babylonjs.com/#Q45TNG#9


Simple Sand Simulation

https://playground.babylonjs.com/#SM4W4R#36


A little more advance of a setup

also you can look left to see the debug

6 Likes

I laughed for 10min with the animation of the ball catch and bring back. :joy: Beautifully animated. A masterpiece.

2 Likes

OMG! I can see you :smiley: Jokes apart, thanks++ for the sharing. This PG is simply packed with ideas and lots, lots of love :grinning_face_with_smiling_eyes:

1 Like

Fast Cacheable Random Noise Buffer

I used to do this a bunch of different ways, but now this is my goto to make a random buffer for binding shader for caching noise instead of procedurally generating it all the time.

https://playground.babylonjs.com/#HWG227#5

1 Like

I wonder if it could be more melodic :slight_smile:

1 Like

Finally cracked it how to get animated fog on the lake which does not cost too much processor power and looks realistic enough.

playground
(wait some time to see the fog increasing)

Looks also quite well when I row my boat trough the fog:
Ergometer (ergometer-space.org)

Tijmen

4 Likes

One of the most easy effect then you can achieve with the NEW Parallax tool(how to use it you can see here: NME: Add support for parallax mapping to the PerturbNormal block by Popov72 · Pull Request #10432 · BabylonJS/Babylon.js · GitHub) of Node Material Editor! Thanks again to @Evgeni_Popov)

This opportunity will take your materials to the next level!

NME: https://nme.babylonjs.com/#KIUSWC#1

11 Likes

Digital clock:

https://www.babylonjs-playground.com/#3E8YWK#2

8 Likes

Sooo brilliant! :slightly_smiling_face:

Decals+screenshot - https://playground.babylonjs.com/#1BAPRM#467
When the number of decals is more than decalLimit (4 in this example) all previous decals are disposed with counter reset.
The plane is double-sided, for additional visual effects :slight_smile:
Here - https://playground.babylonjs.com/full.html#1BAPRM#468 - the screenshot is used for decal material texture.

4 Likes

Simple “Fog of war” effect for strategy games.
Move the mouse over the black plane and the underlying scene will be visible at that point.

The polar coordinate idea was taken from Patrick’s youtube babylonjs tutorial, so thanks for that!

Note that the circle radius can be configured in the inspector.

Playground
Node material

5 Likes

Scifi Model Viewer:

https://playground.babylonjs.com/#QANVC6#1571

3 Likes