Hey there! I recently faced a problem with one of our old features on the project. Basically it was used to show the iframe inside of the scene on a plane. The implementation was technically copied&pasted from this particular playground https://playground.babylonjs.com/#1DX9UE#523 . Long story shor…

Can you demonstrate the problem in a playground, maybe by modifying the PG you linked? I’m not sure to understand what you mean by “stenciling the canvas background through the scene”? If you want to see “what’s behind” in the HTML page, you can put your content at the body level. For eg, you can c…

Thank you for replying me @Evgeni_Popov . I’m not sure that I can reproduce the same case in the pg, but I was trying to describe the situation, when the scene is completely covered with different kind of objects and you are not able to see the scene background. In other words - I wont to make a “wi…

Do you mean you want to set some transparencies on some objects so that we can see the other objects that would be behind (farther) them? If so, you can do it at the material level. When you say “scene background”, do you mean some 3D objects that are part of the scene but occluded by other object…

@Evgeni_Popov Will be better if I show you some screenshots: This is the current behaviour. The plane itself just transparent. [Screenshot 2022-10-31 at 20.29.07] And this is the expected result. What you can see here is the scene background(you can see it through other objects behind the plane),…

So, adding some transparency to the blue material which is used for the frame doesn’t fix the problem?

I’m not sure that I got your suggestion. Do you mean this plane material on the second screenshot? It’s not a plane material, but an actual scene background. I think what you suggested is displayed on the first screenshot. To be clear I need to create a mask that will show the scene background even…

Maybe this solution (taken from this thread ) can help display an iframe on a plane: Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

How to stencil the canvas background to the scene?

Questions

Evgeni_Popov November 1, 2022, 11:00am 8

Maybe this solution (taken from this thread) can help display an iframe on a plane:

Topic		Replies	Views
How to support more than 2 rendering groups with stencil buffer Questions	15	260	April 29, 2024
"do not render" transparent pixels on canvas Questions	4	187	June 12, 2024
How can I make the transparent background Questions	33	17555	April 6, 2019
Stencil materials to fake solid geometry in Babylon Questions	14	3759	September 22, 2021
Please explain it like I was 5 - Stencil testing / Masking / Rendering Groups Questions	17	2728	December 31, 2023

How to stencil the canvas background to the scene?

Related topics