Hi all, Kindly check the below link, In this website, you can see a 3d scene at background. and normal html at front, how can we do this, how the interaction on the normal html div passing through the background. and what is the effect like small small particle or fog with the 3d model at backgroun…

You may try to have a look at the source code. It is made with Three.js so shouldn’t be a problem to make it with Babylon.js.

Thanks for your reply @labris and @brianzinn . I am trying out this. I want to know, there is some effect like fog (small particles) with that model. What is that, how to get it? and @brianzinn . Any source code for the thread you have shared?

That’s a new thread and OP has already shared some code (plus it’s available on the website). Kindly ask there and hopefully your will get the answers you are looking for. Typically we try to share a playground/codepen/repo as that makes it easier to help with examples and clearer what we are trying…

[image] jayakannan: I want to know, there is some effect like fog (small particles) with that model. It looks like a vignette post process, but I didn’t check the code. There is an example PG in the docs: [image] How To Use Post Processes | Babylon.js Documentation Learn how to u…

Vignette effect makes a dark corner only, It won’t create that small small particles or smoky effect. @brianzinn . Check this website too. [image] Niftypays Staking, Swapping, Borrowing, Lending & Fractionalization of NFTs all possible on the NIFTY app.

[image] jayakannan: effect like small small particle or fog Is this of help Environment | Babylon.js Documentation ?

I believe the smoke comes from texture. like this: Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes You can turn the grain effect on and off with pipeline. [image] Using the Default Rendering Pipeline | Ba…

Wow, thanks for your help through PG . How this smoke is working?

It’s called a particle system. You can create your particle system. Like this: Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes You can learn from doc: [image] Particle System Intro | Babylon.js Documentati…

Website with interactive 3d background

Questions

brianzinn February 26, 2022, 5:56am 3

Check out this recent thread:
Website with Babylon animation on scroll - Demos and projects - Babylon.js (babylonjs.com)

Topic		Replies	Views
3dev.io website Demos and projects	26	1970	February 3, 2023
Particle-like Background Difficulty Questions	3	664	October 10, 2019
Does anyone know how such graphics could be reproduced with the tools that are available at babylonjs? Questions	4	754	February 1, 2023
Does anyone know much about smoke particle FX? Questions	9	2811	August 17, 2022
[Service request] Convert threejs vertical fog shader to babylonjs Service offers and requests	13	381	June 10, 2024

Website with interactive 3d background

Related topics