# How to create a portal effect

**URL:** <https://discourse.threejs.org/t/how-to-create-a-portal-effect/70522>\
**Category:** Questions\
**Created:** [September 10, 2024, 6:33am UTC](https://discourse.threejs.org/t/how-to-create-a-portal-effect/70522 "2024-09-10T06:33:52Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![fengfengmomo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fengfengmomo/32/49882_2.png) [@fengfengmomo](https://discourse.threejs.org/u/fengfengmomo)\
**Post date:** [September 10, 2024, 6:33am UTC](https://discourse.threejs.org/t/how-to-create-a-portal-effect/70522/1 "2024-09-10T06:33:52Z")

</div>

i want create a portal effect,like below, and i have ever seem some effect like this,but i cant find it.  
here is some same result,but not implement in threejs code.  
[Preview - nodebox - CodeSandbox](https://codesandbox.io/p/sandbox/z3f2mw)  
[Preview - nodebox - CodeSandbox](https://codesandbox.io/p/sandbox/inverted-stencil-buffer-7n2yru)

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/2/8/28bb8eaf13ea1be3303a6095f9675fb75a76676c.png)

---

<div class="post-metadata">

**Author:** ![fengfengmomo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fengfengmomo/32/49882_2.png) [@fengfengmomo](https://discourse.threejs.org/u/fengfengmomo)\
**Post date:** [September 10, 2024, 9:25am UTC](https://discourse.threejs.org/t/how-to-create-a-portal-effect/70522/2 "2024-09-10T09:25:01Z")

</div>

i have found this example, this is what i want!  
[Threejs Impossibox (threejs-impossibox.netlify.app)](https://threejs-impossibox.netlify.app/)

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/9/f/9fecb58eed54fc812914fb0d6b703feb7ce859f7.jpeg)