three js object masking / portal effect

Asked Jul 28 '18 at 07:33

Active Jul 29 '18 at 00:11

Viewed 1,141 times

In three.js I want to create a portal effect - where looking through the portal would mask some objects and not others. For example, you look through the portal and you could see a different world.

I'm new to three.js, and i've experimented with alphaMap and clippingPlanes but i think my approach is incorrect.

This example below shows what i have on the left with the desired effect on the right.

portal image demo

This is a good example - https://www.magicleap.com/

Thank you for your direction

edited Jul 29 '18 at 00:11

gman

100,619
31
269
393

asked Jul 28 '18 at 07:33

noideawhatimdoing

This PR might be interesting for you: https://github.com/mrdoob/three.js/pull/12033 – Mugen87 Jul 28 '18 at 09:05
1

Maybe https://stackoverflow.com/questions/28869268/three-js-transparent-object-occlusion/28869802#28869802 – WestLangley Jul 29 '18 at 03:28
@WestLangley - you are a **HERO**. This is exactly what i was after, thank you. – noideawhatimdoing Jul 29 '18 at 07:32

three js object masking / portal effect

0 Answers0