Thanks for the feedback ! Unfortunately I don’t have an android to test it. It works without problem on iOS safari and chrome … I’ll investigate!
How does Vibration.API perform in a pixel ?
try live here : haptic-brick.vercel.app
repo: github.com/Web3Kev/hapt...
Brrrowser app : web3kev.github.io/Brrrowser/
Made the demo into a mini game, as an entry to
@bruno-simon.bsky.social 's #threejsJourney challenge.
The experience makes use of the Vibration API which works on Android devices, and offers more immersive haptics through the iOS app Brrrowser. Link 👇
Just added #ToneJS to
@pmndrs
's #ThreeJS "Simple audio analyser". It now features a Synthesizer that also generates haptic feedback when viewed with an Android device or better haptics with iOS app "Brrrowser".
Brrrowser app for full screen Haptics Ready web experiences.
More info here : github.com/Web3Kev/Brrr...
Find it in the App Store apps.apple.com/jp/app/brrro...
In this demo I forked Lunakepio (GitHub name) 's MarioKart3.js 🏁 project to support Brrrowser's API navigator.haptic()
If you have a game / experience you'd like to add haptic support for the Brrrowser app I'll happily add your project to the ⭐ featured page. ✌️
github.com/Web3Kev/Brrr...
Another demo showcasing here Brrrowser's own API giving full access to iOS Core Haptics engine. This R3F project is using Rapier's physics engine. OnContactForce event triggers vibrations, with intensity from totalForceMagnitude.
Repo for this Haptic brick demo here :
github.com/Web3Kev/hapt...
Quick demo of iOS app Brrrowser's Haptic capability. Showcasing here Vibration API support (normally not supported on iOS).
More info here :
github.com/Web3Kev/Brrr...
"marble race remix" (final updates)
revisiting my very first webXR experiment
added some "oomph" to the overall experience: bgm, controller support, collision sfx + controller vibration
live: marble-race-remix.vercel.app
#webxr #threejs #r3f #vr #gamedev
😂 “Tell me without telling me that you are not a gamer… “
Cool ! Had to search what astrobot was though 😅. What part of this demo makes you think of Astro Bot being a good candidate for the web ?
Works also with a gamepad like #PS4 DualShock.... with Haptic Feedback !
Had some fun last week-end porting
Lunakepio (AlexMoulinneuf) 's #Mario Controller to #webXR.
github.com/Lunakepio/ma...
Uses #ThreeJS #R3F @belabohlender.bsky.social
's new Handle in #XR
Should work smoothly on #iPhone in #AR.
Not available on #Switch2 🤡
I already ripped their logo … I still wanted to remain legal 😅
Thanks to
@sung-powley.bsky.social 's amazing repo !
bsky.app/profile/sung...
With the #AI revolution, people talk of the fall of Stack Overflow… so I thought I should pay homage to it with a … vibe coded #webXR game. 😅
Try it now on Android, iOS, desktop & #Quest3
Made with #threeJS #XR #r3f #rapier
Did you know you can now open a #webXR session thanks to
on your #iPhone? You don’t even need to download the app. Just click on the link below to try
@belabohlender.bsky.social ’s #R3F #Threejs #XR handle example : shorturl.at/DkWfs
Thanks to @sung-powley.bsky.social for sharing about this !
Minor update with correct Hand Pose feedback. (one of many advantages to having custom hands)
Catch, Tame, Chill with butterfly boids in #WebXR in either #VR or #AR using Hands only interactions with custom Hand Pose Recognitions. (controllers can also be used)
Live now here : 👉 ar-butterflies.vercel.app
Meta link here : t.co/gbaGqlGpLW
#r3f #boids #quest3 #xr #threeJS
I managed to get the same look as meta’s default Quest3 hands.
Soon you can catch butterflies or shall I say butterboïds? #webxr #r3f #boids #quest3 #vr #ar #xr #threeJS
Thanks, great demo!
Wow! This even works on iOS ! Is needle engine repacking the model and animation as a usdz by default? Sound unfortunately doesn’t work. I guess the infamous « no user input no sound » Apple thing. Would there be a fix to play the model and the sound in sync on iOS ?
That’s really cool !
WebXRでスタッキングロックゲーム、どうですか？**✨
石を積み重ねる体験、リラックスできる？それとも挑戦的でストレスフル？
VR/ARで自分だけのケルンを作って、心をリフレッシュ！🪶
興味があれば教えてください！💬
#WebXR #ゲーム #アイデア #癒しのゲーム #threejs
Would you play a game of stacking rocks in #WebXR, just like you do on top of a mountain? would it be relaxing ? I'm exploring the idea ... #threejs #r3f #XR 's new "Handle" implementation with #physics.
春を待ちながら、節分が過ぎたら、ちょうちょうの達人になろう！
#Spring is on its way ... ever felt like being a butterfly whisperer ?
#WebXR #Hands #AR #ThreeJs #R3F
Let’s build interactive @threejs.org User Interfaces 🫰
Uses react-three/handle, react-three/xr, and react-three/uikit - vanilla versions are available🍦
Works on any device inside and outside #WebXR
Compose <uikit> with <handle> to control sizes, positions, rotations (Link in 🧵)
