#mrjs — Public Fediverse posts

We have a lot in the pipeline for this year. But today we launched v0.6.0 of #MRjs.

Highlights:
- major perf improvement
- mr-video tag for
- eventUpdate() added to MRSystem
- bugs fixes

https://www.npmjs.com/package/mrjs

#webxr #spatialweb #spatialcomputing #arvr #mixedreality #volumetrics #webdevelopment #webdev #web

Be sure to star the repo on GitHub!

https://github.com/Volumetrics-io/mrjs

#webxr #immersiveweb #spatialweb #spatialcomputing #mixedreality #mrjs

mrjs 0.4.8 is up on NPM!

Some updates include:
- anchoring
- audio
- bug fixes
- performance optimizations

#webxr #immersiveweb #spatialweb #spatialcomputing #mixedreality #mrjs

https://www.npmjs.com/package/mrjs?activeTab=readme

A heads up. I renamed the repo from `MR.js` to `mrjs`. Doesn't seem to require changing anything locally and appears to automatically reroute.

#mrjs

@lobau & @hanbollar I’m working on updating the components API to utilize `data-*` attributes, it's a draft PR at the moment but it will imply some user facing API changes. more info on the PR.

TLDR: add `data-` in front of `position` & `rotation` and any components such as `comp-animation`

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

#mrjs #webxr #spatialweb

We’re working on integrating more and more CSS support for 2D UI in #mrjs, our webXR UI Library. What are some CSS properties/features you find absolutely essential?

#webdev #WebXR #css #spatialweb #webdevelopment

#dailyAsync 11/13

Friday:
- dug into finding the simplest local https solutions to support local webxr dev for #mrjs

Today:
- wrap onboarding docs
- knock out some GitHub issues

Blockers:
None

We’ve hit 💯 issues!

Issue credit: @lobau

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

#mrjs #issue

Created an issue to address obviously lacking documentation. dropping everything to work on it now. @lobau please jump in and add anything you're confused by.

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

#mrjs #issue #documentation

@hanbollar love all of this. I really wanna migrate a lot of technical discussion and tracking onto github for #mrjs as well as the platform as we get to building that.

I will shamelessly rely on you to jump in and help figure it out, as a lot has changed during my brief stint in the closed source world.

@lobau @jak

Hey I wanna make it into the office for the milestone discussion so let’s have a virtual stand up so I can focus on driving.

Yesterday:
- focused on layout system refactor for CSS integration #mrjs
- did some admin work in gusto

Today:
- milestone requirements #platform
- setup desk
- finish layout PR

blocking:
- Bay Area traffic

#standup

@lobau As promised, here’s your app running on my end using the on render link.

#mrjs

Today’s been an exciting day for #mrjs!

@lobau & @jak have begun playing with it and filing issues as they find bugs in my very bug riddled code.

and now they were no longer drowning in admin work, I was able to implement scrolling & touch interactions, as well as UI clipping!

Here's a quick little demo of a mocked up landing page. bonus cheesy magic trick at the end.

#webxr #volumetrics #mixedreality #spatialcomputing #spatialweb #xr #mr #vr #ar

@lobau Got it running on mine. The button is super faint. It’s the default for webXR experiences, we were able to do a custom one back in grad school.

I’ll file an issue that you’d be the best person to resolve. It’s pure CSS.

Sidenote: it’s really exciting to see someone else using #mrjs 🎉

Just merged a hefty PR.

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

#mrjs #layout #clipping #scrolling

@lobau uh my quest is misbehaving. It’s not recognizing the battery strap, so passthrough charging didn’t occur this morning (elite strap battery 100% quest battery 1%)

I have to run get a flue shot and help Neha with something. Newsletter content will be delayed to when I get back.

#twiv #mrjs #quest

@lobau Haha I saw that one coming.

“Absolute” units are tough since THREE.js is built on relative units. File the issue and we can work together to crack that one in our new office 😎

#issue #typography #mrjs

Heads up! I’m merging a very minor PR to address touch support, but moving forward we’ll come up with a more clearly defined PR review process.

@lobau @jak

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

#mrjs #pr #git

Working on a lot of back log today.

Looks like there’s, at present, a lack of support for selective lighting in THREE.js. which is a real bummer.

But the good news is we now have support for layers.

#MRjs #webxr #webGL #mixedreality

Just got my Quest 3! Setting it up now, #mrjs demo to follow tomorrow morning, but hot damn it’s been awhile since I’ve seen passthrough this good.

#mixedreality #SpatialComputing #mrjs #volumetrics

Meanwhile. This bug in the layout system is driving me to insanity.

#mrjs #webdev

We’re chugging along with our MR first UI library. Here’s our built in implementation of hand matting!

A good spatial experience is gives a sense that virtual content is truly in the room. If you put your hand in front of an object and it appears behind it, it instantly breaks the illusion.

Hand matting is key to this. Our implementation isn’t perfect, but a little goes a long way!

#spatialweb #spatialcomputing #mr #xr #mixedreality #webXR #webGL #web #webdev #volumetrics #mrjs

@lobau Had to fix a hand tracking bug, but got a SICK demo for this weeks update. Can you share the title card clips?

#mrjs #TWiV

@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