三种js对象遮罩/门户效果

Question

在three.js中，我想创建一个门户效果-通过门户查看将掩盖某些对象，而不是其他对象。 例如，您浏览门户网站时，会看到一个不同的世界。

我是Three.js的新手，我已经尝试过alphaMap和ClippingPlanes，但是我认为我的方法是不正确的。

下面的示例显示了我在左侧具有的效果，在右侧具有所需的效果。

这是一个很好的例子-https://www.magicleap.com/

谢谢您的指导