How to make a Box of Portals in your Apple Vision Pro app using RealityKit and Reality Composer Pro

[@devantamot9259]

Really great work, keep it up!

[@melissah.3322]

Excellent tutorial! Thanks for making this.

[@Nealcar30489]

Amazing. Keep this up!!

[@ManjitBedi]

Another great tutorial

[@gunnerguan7484]

Great tutorial! and really beautiful scene. I'm trying to do a portal project. But I'm not sure how to do it: when I wear the Vision Pro to cross the Portal, I cannot enter the target world, but just cross the portal screen. Do you have any solution for that? Thank you so much

[@sarangborude8260]

Here is one way to do it. Put a collider in the portal doorway or maybe little closer to you and put a collider on an entity that tracks the headset collision. When the two colliders collide you can simply remove your immersive world from the entity with the world component and change its parent to root content entity if the reality view. That will do the trick

[@gunnerguan7484]

@@sarangborude8260 Genius! I will try it! Thank you so much.

[@mannychop]

great tutorial!

[@toddlask]

great stuff!

[@zeroh_chill2966]

This is by far the best explanation i have found on how portals and skyboxes work. 7 or 8 months after apple made their 5 minute video on how to make them. So happy I caught this! Sub’d! Would like to see what you’re talking about at the end with the volume! Lastly, is it possible to apply a light to your sky so that model3D’s are always lit? I still haven’t found a good explanation of that. Currently, my models only shine bright when they’re in actual real world light. Can’t wait to see what else you have!

[@sarangborude8260]

Yes it is possible to set then environment lighting. After you create a world with a world component, you can do the following let environment = try! EnvironmentResource. load (named: "name of your light texture") world.components [ImageBasedLightComponent.self] = init(source: •single(environment), intensityExponent: 6) world.components[ImageBasedLightReceiverComponent.self] = •init (imageBasedLight: world) Hope this helps

[@zeroh_chill2966]

@@sarangborude8260 Hey! I'm messing with your code from GitHub! It's so awesome and I'm learning a lot! Thank you so much for sharing it! Question, I'm playing with adding my own skybox to outside of your portal box and so far it's working great. But I want to move the skybox up so it appears the portal box is sitting on the ground. I tried moving up the positive Y axis but it made it stretch weird instead of moving the whole skybox up. Is it possible to move your skybox around or do we have to stay in the center?

[@chrisragsdale3789]

Great tutorial! Just curious, where did you source the cherry blossom + maple leaf images from for the particle effects? Would you mind if I make use of them for my app? Also FYI, portals appear to work in any RealityView, not just immersive spaces + non-volumetric windows! I'm adding a splash page that uses a portal to a plain 2D window and it appears to work just fine 🙂

[@sarangborude8260]

I just searched them somewhere random so i will not recommend using them.

[@waynetym]

Thanks for sharing. I have one question. I have tried skybox AI's 3D immersive in the browser with AVP. It seems to me that in an immersive environment, the resolution is still not high enough. Is that something you also observe?

[@sarangborude8260]

Yes that is true. You can use an AI upscaler to increase the resolution.

[@waynetym]

Thanks for your reply. Is the upscaler provided by skybox after subscription or we need to find from a 3rd party? I’m mostly interested in finding how fine AI generated model could be in an immersive environment.