/portal

Final project of the Threejs Journey course, including Blender created Portal scene with baked textures, custom shaders, floating particles, and raycasting for hover and link effects

Primary LanguageJavaScript

Three.js Journey Portal

The scene

The portal scene was created using Blender to create low poly textures and materials. The scene included various lighting (from the portal, lamps, and overhead). The scene's textures were UV unwrapped, baked, and exported

The experience

The model was imported into three.js and the baked textures were applied. Special effects like animated fireflies and a perlin noise portal were added via shaders. Outside of the lesson work, the scene features additional raycasting work to allow the portal to 'open up' on hover and lets the user 'enter the portal,' i.e. go to a hyperlink.

Deployment

The application is deployed on my Vercel account: https://hyperlink-portal.vercel.app/