Lightnews — Scholar-powered news

Bela Bohlender @belabohlender.bsky.social · Sep 8

Original Song: Okean Elzy - Обійми 🇺🇦
youtu.be/--Wokwe4-i0

Bela Bohlender @belabohlender.bsky.social · Sep 8

Example:

this code shows the use of parallel actions with multiple transitions for the text fade in animation at the start

(yes, r3/timeline uses async generators, I fell in love w. them, thanks to effect-ts)

1 1

Bela Bohlender @belabohlender.bsky.social · Sep 8

Repo: github.com/pmndrs/timel...
Docs: pmndrs.github.io/timeline/
Demo: react-three-timeline-lambo.vercel.app

1

Bela Bohlender @belabohlender.bsky.social · Sep 8

Introducing react-three/timeline

→ Write composable declarative 3D behaviors like a story

The following video is 100% made with #r3f and @threejs.org Don't believe me? Try the demo below!

1 4

Bela Bohlender @belabohlender.bsky.social · Jul 28

And special thanks to @douges.dev for doing the voice over for the video ❤️

Bela Bohlender @belabohlender.bsky.social · Jul 28

This project wouldn't be possible without the default model and animations made by @quaternius.bsky.social , the prototype texture from @kenney.nl, the three-vrm project from the pixiv team, three-mesh-bvh from Garrett Johnson and the prior work from @fez.bsky.social and Andrew Chen
❤️

1 1

Bela Bohlender @belabohlender.bsky.social · Jul 28

Github Repo: github.com/pmndrs/viverse
Docs: pmndrs.github.io/viverse/

Super excited for this launch since it enables every threejs dev to get started with VIVERSE!

Let's show them the power of the threejs community ❤️

1 1 1

Bela Bohlender @belabohlender.bsky.social · Jul 28

Introducing pmndrs/viverse and react-three/viverse 🎉

A Toolkit for building @threejs.org and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁

1 2 17

Reposted by Bela Bohlender

Kevin @webxr.bsky.social · Apr 15

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 🤡

2 6 15

Reposted by Bela Bohlender

React Advanced London @reactadvanced.gitnation.org · Apr 11

Greet our next speaker - @belabohlender.bsky.social❤️ Open-source developer and React-Three/xr maintainer. Bela is building tools to create extraordinary Web, 3D, and XR experiences!

Hope to see you in London & Online on Nov. 28 & Dec. 1!

Hope to see you in London!

reactadvanced.com

2 7

Reposted by Bela Bohlender

mike douges @douges.dev · Apr 3

literally throwing up from how sick this is #threejs #webxr

1 4 14

Reposted by Bela Bohlender

pixel_mesh @pixel-mesh.bsky.social · Mar 30

check out my latest webxr project github.com/shpowley/thr.... a mixed-reality adaptation of several course lessons from Bruno Simon's (@bruno-simon.bsky.social) "three.js journey" course (threejs-journey.com)

quest 3 (possibly other headsets) | android | ios

#threejs #webxr #webdev

1 10

Bela Bohlender @belabohlender.bsky.social · Mar 26

Peak XR development - modifications in headset 🥽

true }} >...

Recorded by @acrilique.bsky.social 🙏🏼

1 7

Reposted by Bela Bohlender

Kevin @webxr.bsky.social · Mar 15

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 !

1 1 3

Bela Bohlender @belabohlender.bsky.social · Mar 6

Demo: pmndrs.github.io/uikit/exampl...
Source Code: github.com/pmndrs/uikit...

(requires uikit 0.8.8)

Shoutout to cyango.com for being the inspiration to this example.

2

Bela Bohlender @belabohlender.bsky.social · Mar 6

🚨 How to properly highlight pmndrs/uikit elements when hovering?

Now live - including source code - in the dashboard demo. Link below 👇

Yes - everything is rendered on the GPU with @threejs.org

1 1 4

Reposted by Bela Bohlender

Verekia 🔮 ManaBlade.com @verekia.com · Mar 4

💌 The Web Game Dev Newsletter Issue 025 is out! Read it online here: www.webgamedev.com/newsletter/025, and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #gamedev

Newsletter – Issue 025 | Web Game Dev

www.webgamedev.com

1 10 22

Bela Bohlender @belabohlender.bsky.social · Feb 27

Attributions:

Music by Rockot from Pixabay
Lever 3D Model by Amine.Elouneg from Sketchfab
Lever Sound Effect by freesound_community from Pixabay
Door Sound Effect by freesound_community from Pixabay

Bela Bohlender @belabohlender.bsky.social · Feb 27

Link to try it yourself (Quest recommended):
pmndrs.github.io/xr/examples/...

Source Code:
github.com/pmndrs/xr/bl...

1 1

Bela Bohlender @belabohlender.bsky.social · Feb 27

🎉 Super honoured to be nominated as
"Developer of the Year 2024" by the Annual immersive Awards - The Polys

Amazing how the nomination ended up in my garden 🪴
(🔊 for the full experience )

@threejs.org #r3f - demo link and code below 👇

2 2 10

Bela Bohlender @belabohlender.bsky.social · Feb 24

the concept of dom-overlays is for screenspace overlays only applicable to handheld experiences. dom-overlays can not be used for positioning UIs in 3D and are in general not useable for stereographic experiences.

1

Reposted by Bela Bohlender

Kevin @webxr.bsky.social · Feb 22

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

5 20

Reposted by Bela Bohlender

Kevin @webxr.bsky.social · Feb 15

Soon you can catch butterflies or shall I say butterboïds? #webxr #r3f #boids #quest3 #vr #ar #xr #threeJS

4 11

Reposted by Bela Bohlender

Kevin @webxr.bsky.social · Feb 16

I managed to get the same look as meta’s default Quest3 hands.

1 9

Bela Bohlender @belabohlender.bsky.social · Feb 10

Building a react-three/xr app that is build for hand input and getting tired to always switch?
Make hand input the primary mode for the emulator in your config.