Threejs Spatial Computing Demo - Apple Pro Vision & Three.js using React Three Fiber

Creating #threejs Spatial Computing projects using React Three Fiber with Apple #VisionPro feels a bit like nested realities. The new VR feature flag in Safari works like magic🤯
More about this soon 😍
#threejsJourney #SpatialComputing #r3f

[@julianvelez6563]

wow bro awesome work bro you are the best

[@AndersonMancini]

Thank you very much Julian!!!

[@shanmugalokiesh0]

Amazimg work!!!

[@AndersonMancini]

Thanks.

[@thematrixlunchhacker]

Nice

[@Yacine3Dz]

Brilliant work!
How did you make the UI in 3d space? and is it with CSS styling?

[@AndersonMancini]

Thanks ;). I'm using this: github.com/pmndrs/uikit

[@Yacine3Dz]

@@AndersonMancini Wow!
Thanks for sharing.

[@thematrixlunchhacker]

Nice

[@AndersonMancini]

Thank you very much ☺️

[@saint1yusuf]

is this work in apple vision pro or on the web?

[@AndersonMancini]

Both at the same time 😊

[@saint1yusuf]

@@AndersonMancini it's little confusing. need more info! waiting for long video.

[@AndersonMancini]

@saint1yusuf In this video, I'm using Vision Pro Emulator to run my threejs project. It is running on Safari as a normal 3d website. But the difference is that Safari on VisionOS can now support XR mode. Meaning that you can "enter" inside 3d websites like any other VR headset. This is a groundbreaking moment for us, 3d creative devs because Apple changed its policy to enable this feature.
That will make 3d websites fully immersive and a reality using VisionPro, something that has been possible using other VR sets devices but Apple has been blocking Safari.

[@saint1yusuf]

@@AndersonMancini thanks for giving more details. it sounds like interesting and i really wanna do some projects about it.