@lobau We should also integrate a good splash screen while things are loading.

#branding #mrjs #development

@lobau As a result, a whole class of developer is effectively locked out of this new medium.

We aim to change that.

It’s early days, but together, @lobau and I are building a set of tools to build for mixed reality, in mixed reality.

Our first project is an #opensource library called #mrjs, built from the ground up for spatial apps, designed to be familiar and extendable, with all the grunt work like physics and interactions built in.

https://github.com/Volumetrics-io/MR.js

@lobau Sounds good. Added an <mr-font src=“” targets=“” size=“”> for preloading fonts and applying them to a set of selectors.

Looked into just using CSS but I’m think we might need one engineer solely focused on that 😂.

#landingpage #mrjs

@lobau making some updates to mrjs. Might break the template I gave you until the cdn updates.

#mrjs

@lobau Here’s the MR.js template. Happy to go over it.

https://github.com/Volumetrics-io/landing-page/tree/mrjs-integration

main take aways:

- CSS isn’t supported (yet) so you need to load the font directly
- font weights aren’t directly supported by the text rendering system, we’ll need to figure that one out
- asset/js/AnimationSystem.js is the custom system for the rotation.
- add ‘./‘ to allow workspace loading.
- there are bugs probably

#dev #landingpage #mrjs

Cracking away on integrating physics based interactions in #mrjs with #rapier!

This will enable direct touch and complex custom, collision-based gestures.

#webxr #spatialweb #spatialcomputing #mixedreality #virtualreality #extendedreality

And of course a more complex example! Cloning the VisionOS UX as a point of reference.

Text courtesy of #troika, and built in, courtesy of #rapier!

All of this is built on top of #WebComponents, #rapier, and #threejs, and a (hopefully) easy to use ECS. Along with a few more out-of-the-box features I’ll share later.

Still lots to implement (button, image tag, scrolling, gestures) but v0.1 release is on the horizon!

#webXR #MRjs #SpatialComputing #mixedreality #arvr #openweb

Still cracking away on MR.js. Here’s a look at the improved WebComponents layout API.

I’ve rewritten it to be responsive so windows/panels can be resized. Nothing innovative, but a clean API I can be proud of.

#webXR #MRjs #SpatialComputing #mixedreality #arvr #openweb