Examples from the playground

Unfinished Cinematics movements at Glowing City :slight_smile:
Don’t go too close to the lava sphere or camera will stuck due to the total imperfection of code…
https://www.babylonjs-playground.com/#LX6M6F#11


Most interesting effect - with barrier material

7 Likes

https://www.babylonjs.com/scenes/worldmonger/

Code here:Website/build/Scenes/WorldMonger at master · BabylonJS/Website · GitHub

3 Likes

AWARD - best futuristic city cinematic. :1st_place_medal:

1 Like

Not necessary futuristic, anyway it will be stylized in some way. Most important here is to achieve “city experience”.
As for my unfinished scene is made from some free 3D model with wrong material settings so it is mainly white after import.
I don’t have DCC tools at current computer, but after some material tweakings the model looks more like a city.
One of my goals was to check: is it possible to achieve ‘city experience’ with such simple means. For my opinion, it is possible. Skybox gives quite realistic sky feeling; FPS are good; if you don’t need the whole model at once it is possible to render just currently necessary meshes or use for the distant view fake building textures on billboards etc.
To achieve highly realistic view one need to work a lot with textures, lighting etc, but for more simple cases even simple coloring could be enough - it depends on the level of stylization (or branding). I suppose it would be possible to achieve interesting results and good performance with Node materials.
The initial camera position is inside some diner. Actually, even without camera moving there is some city feeling - you are inside some neat place, at the table, looking to the city streets. We can use this feeling and build 3D Food and Delivery service online. Below is the classical example - but now, with the help of Babylon.js and other modern technologies, there is no problem to make it visually nicer and to connect it with the real world.

image

Developing this thought further, is it possible to make a service for booking - restaurant tables, theatre seats etc - where the chosen position defines some parameters; in this case you can put the camera to the chosen object’s position and give a look (from the seat to the future show etc).
Or develop a kind of 3D menu with possibility to order online; fast-food allows a decent percentage of stylization so it could be a big fun with particle soups, meshes of the day etc.
Or to build check-in service and connect it with social networks - so that every table in 3D cafe would have some history: who was here and when etc.
Or, on higher level of abstraction, to build a 3D city where all buildings would be real working services or companies (without voxels because they hurt visual feeling)…

3 Likes

Just some fishes under and above water (in Watermaterial RenderList)

https://playground.babylonjs.com/#L76FB1#90

5 Likes

Playing around with color options:


https://www.babylonjs-playground.com/#Y3C0HQ#311

2 Likes

image
https://www.babylonjs-playground.com/#1VGJ4I#37

1 Like


https://www.babylonjs-playground.com/#32DWVS#14

2 Likes


https://www.babylonjs-playground.com/#3ysidv#259

4 Likes

https://pryme8.github.io/TSO/

I forgot about this one…

Umm, all procedural assets. Card shuffling. Path Animations.

its a remake of Tsuro | Board Game | BoardGameGeek

First select # of Players
Second choose a starting place

Next on each players turn choose where to place your tile, while hovering the tile you want to place use the arrows to rotate.

Your player will follow the path that you place it on, try not to go off the board or into another player. Last player standing wins.

Prolly some bugs, this was from like 2 years or more ago.

3 Likes

https://pryme8.github.io/TERIABLE/

This prolly got lost on the old forum

This was my super duper old terrain generator… I have a way way way more robust one now, that has LOD terrain chunking, CubeMap generation, Planetary mode, Infinite Mode, a bunch of Generators and filters for the noise stack etc. But yall cant have that one.

Maybe once I finish up the Nature System for it Ill release it.

3 Likes

It is a pity that on January 10, 2020 all user content from https://www.remix3d.com will be deleted - so some of abovementioned examples will stop to delight our eyes…

2 Likes

I cannot begin to express my grief and concern at this.

Whoa I never even know about this site!

1 Like

3D Font found on David Catuhe (@deltakosh) | Twitter

https://ycw.github.io/Babylon.Font/depth1_cache/

2 Likes

Blob-Shader


https://www.babylonjs-playground.com/#I30SDL#33

3 Likes


https://www.babylonjs-playground.com/#2UFUC3#10

1 Like

Shader-compiler playground:


https://cyos.babylonjs.com/#09CV0F#14

2 Likes

What’s wrong with this guy? :smiley: His brain is outside of its body!


https://www.babylonjs-playground.com/#1DOS8U#26

1 Like

fibonacci tornado (hey falcon, what’s the status of your research about the fibo-numbers?)


https://www.babylonjs-playground.com/#6Q89LE#2

3 Likes