I made a Matterport-style virtual tour demo with progressive texture loading in Three.js and Astro.
The project has quite a long story. About eight years ago, when I was working in architecture and architectural visualization, I was tasked with creating a 3D interior model with baked textures using the lowest possible polygon count. The project involved an extremely aggressive polygon optimization process.
After completing the initial model, the project was simply archived without any further use. Years later, when I transitioned to web development, I remembered my old 3D project and rekindled my desire to create an interactive walkthrough experienceâsomething that Sketchfab does not offer.
I developed a simple walkthrough demo. As the project evolved, I added a not so serious banana mode because children wanted to interact with the interior more like a game. I provided bananas for them to shoot, and they absolutely loved it.
Interestingly, kids seemed particularly entertained by filling toilets with bananas.
Are you referring to FPS, aka âbananasâ mode?
Interesting, I hadnât considered that.
I assumed everyone would prefer faster movement. Maybe adding an option to toggle between fast and slow movement would be a good idea
I mean movement at âPoint and Goâ. Some people have a very sensitive vestibular system - VR content even has special marks for this category. Iâve explored this when I started to work with XR, and in some cases experts even advise to use teleport instead of movement.
Although your project does not use XR mode, I am feeling something similar to VR seakness phenomena.
Ok, done!
Itâs easier than I thought. I just added a simple if statement to check if the OS has prefers-reduced-motion: reduce. If it does, the camera transition to the target is skipped, and the walking speed is reduced with a 0.5 multiplier.
Thank you for the awareness of this topic.
I did it under Windows 7 and Ubuntu 24.04 - the result is the same.
Maybe itâs better not to rely on OS-specific features, making content more independent ?
OMG! You just memed my project! This is insanely goodâI love the kid-friendly version!
Originally, I imagined a hand holding a banana and throwing bananas, but after considering what it takes to execute that joke, I decided a simple yellow pointer would be enough.
P.S. Yeah, the internet is overflowing with Ghibli slop right now. My favorite is the one with Miyazaki holding his head in despair with the Ghibli AI slop filter. Meta > meta > meta.