Threejs Realistic Water on Meta Quest 3 VR / AR/ WebXR
· 1:35 · Projects · three.js, react-three-fiber, vr, creativecoding, augmentedreality, webxr, r3f, technology
Watch on YouTube · Subscribe to the channel
Using the Meta Quest 3 to navigate and interact with 3D content in the browser has been an excellent experience so far. Here, you can see my Realistic Water project running at 120 fps in ultra mode. That's pretty impressive. The next step is diving into this pool in AR .
Live link here:
Before I had the device, I had never understood that we could interact with the screen by touching it. We don't need controls or air gestures. You bring your finger closer and the device creates feedback to let you know you're about to touch.
It's already my favorite way to interact because I can have a giant touch panel to use while I do other things, like washing dishes hahaha. I can finally interact with the virtual touch panel, watch content, videos, and everything else, with wet hands.
The pass-through of the device is also excellent. I can do everything I usually do without taking it off.
Links from the video
Related projects
- Realistic Water — WebGL pool simulation with caustics