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 ?
@webxr.bsky.social
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 ๐
you can try it out here : hapticmusic.vercel.app
26.06.2025 07:05 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Just 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โฆ โ
16.04.2025 06:19 โ ๐ 2 ๐ 0 ๐ฌ 0 ๐ 0Cool ! 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 ?
16.04.2025 05:32 โ ๐ 0 ๐ 0 ๐ฌ 1 ๐ 0Works also with a gamepad like #PS4 DualShock.... with Haptic Feedback !
15.04.2025 11:27 โ ๐ 2 ๐ 0 ๐ฌ 0 ๐ 0Had 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 ๐
09.04.2025 05:01 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Thanks to
@sung-powley.bsky.social 's amazing repo !
bsky.app/profile/sung...
live here : t.co/VYdjbF4hBh
09.04.2025 03:18 โ ๐ 1 ๐ 0 ๐ฌ 1 ๐ 0With 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)
02.03.2025 06:42 โ ๐ 2 ๐ 0 ๐ฌ 0 ๐ 0Catch, 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.
16.02.2025 13:10 โ ๐ 9 ๐ 1 ๐ฌ 0 ๐ 0Soon you can catch butterflies or shall I say butterboรฏds? #webxr #r3f #boids #quest3 #vr #ar #xr #threeJS
15.02.2025 12:21 โ ๐ 11 ๐ 4 ๐ฌ 0 ๐ 0Thanks, great demo!
08.02.2025 01:06 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Wow! 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 ?
07.02.2025 15:17 โ ๐ 0 ๐ 0 ๐ฌ 1 ๐ 0Thatโs really cool !
06.02.2025 23:51 โ ๐ 1 ๐ 0 ๐ฌ 0 ๐ 0WebXRใงในใฟใใญใณใฐใญใใฏใฒใผใ ใใฉใใงใใ๏ผ**โจ
็ณใ็ฉใฟ้ใญใไฝ้จใใชใฉใใฏในใงใใ๏ผใใใจใๆๆฆ็ใงในใใฌในใใซ๏ผ
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.
03.02.2025 10:50 โ ๐ 18 ๐ 5 ๐ฌ 0 ๐ 0ๆฅใๅพ
ใกใชใใใ็ฏๅใ้ใใใใใกใใใกใใใฎ้ไบบใซใชใใ๏ผ
#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 ๐งต)