Possible to define a material that is transparent to specific objects only?

As to this website of vizzio show below (need to click the “three bar” icon on upper right to see the image shown below), what is visible at the center of the rotating cube depends on its position at a given moment.

I don’t know how to achieve this effect in three.js. And, I’d like to ask if this can be done by set a material that is transparent to specific objects only at a given viewing angle.

MeshPortalMaterial (or it’s port to vanilla three.js, source) is what you’re most likely looking for.

1 Like

I think similar effects could also be made by using the stencil buffer.

1 Like