WebXR-Viewer
Three.js
WebGL
Node.js
Express.js
Docker
AWS Cloud Services
I am building a fullscale web application for managing and sharing immersive media.
The goal of this project is to develop a simple, user-friendly solution for managing and sharing immersive media on the web. After months of dedicated work, I've overcame many technical obstacles and gained important insight into areas like 360 media, image compression, GPU processing, WebGL, the WebXR Layers API, and much more.
About this project
The goal of this project is to develop a simple, user-friendly solution for managing and sharing immersive media on the web. After months of dedicated work, I've overcame many technical obstacles and gained important insight into areas like 360 media, image compression, GPU processing, WebGL, the WebXR Layers API, and much more.
360 Image Viewer
Description:
360 Image Viewer is a drag-n-drop browser-based viewing tool for 360 Images. It classifies 360 formats through simple logic and shallow computer vision. It then processes and display the images accordingly.
Read More ⇩
WebXR Layers
Description:
In this demo, I use WebXR Layers to render stunning high-resolution stereoscopic 360 images in a dynamic Three.js scene. I would highly recommend giving this a try if you have a VR headset!  
Read More ⇩
Compressed GPU texture Pipeline
Pipeline Diagram
Description:
A microservice running that uses KTX command line tools to create/encode/compress Compressed GPU textures.  
Read More ⇩
Scroll