Contents

1. Preview
2. Running the website
3. Technologies and Features
4. Credits
5. Tips and Tricks
6. Contact

Preview

View the working video here

Running the website

Since big browsers are still in the work of adopting XR support, we will need to use other browsers that are supporting it.

1. For our case, we will use WebXR Viewer by Modzilla.
2. Make sure to download it on PlayStore or AppStore.
3. Open the browser and visit the website at https://portal-scene-xr.vercel.app/.

Technologies and Features

For this experiment, I focused on achieving the necessary results by using:

• HTML
• CSS
• Javascript
• Three.js (for 3D objects and animation along with raycasting)
• GSAP (for animation)
• WebXR (for implementing AR and VR experience)
• Eruda (for mobile debugging)
• Resonance Audio

Credits

This experiment wouldn't be possible without the resources Three.js Course and WebXR Academy has been providing. The background music is from Final Fantasy and the sound effect when tapping on the portal is from Pixabay.

Tips and Tricks

Wear headphones for an amazing experience.

Contact

Feel free to reach out to me on my LinkedIn to explore new ideas.