#spatialweb — Public Fediverse posts

Just pushed a new beta-version of XRFORGE 🥰 (https://xrforge.isvery.ninja) a selfhostable docker-container for a decentralized federated immersive web.
Check the advantages here: https://xrforge.isvery.ninja/about

#webxr #foss #spatialweb #xrfragments #janusxr #manyfold

10 Web Dev Trends for 2025 That Will Make or Break Your Career, by @webdesignerdepot.bsky.social:

https://webdesignerdepot.com/10-web-dev-trends-for-2025-that-will-make-or-break-your-career/

#trends #career #ai #frameworks #lowandnocode #serverless #contentmanagement #spatialweb #designsystems #apis

10 Web Dev Trends for 2025 That Will Make or Break Your Career, by @webdesignerdepot.bsky.social:

https://webdesignerdepot.com/10-web-dev-trends-for-2025-that-will-make-or-break-your-career/

#trends #career #ai #frameworks #lowandnocode #serverless #contentmanagement #spatialweb #designsystems #apis

10 Web Dev Trends for 2025 That Will Make or Break Your Career, by @webdesignerdepot.bsky.social:

https://webdesignerdepot.com/10-web-dev-trends-for-2025-that-will-make-or-break-your-career/

#trends #career #ai #frameworks #lowandnocode #serverless #contentmanagement #spatialweb #designsystems #apis

10 Web Dev Trends for 2025 That Will Make or Break Your Career, by @webdesignerdepot.bsky.social:

https://webdesignerdepot.com/10-web-dev-trends-for-2025-that-will-make-or-break-your-career/

#trends #career #ai #frameworks #lowandnocode #serverless #contentmanagement #spatialweb #designsystems #apis

10 Web Dev Trends for 2025 That Will Make or Break Your Career, by @webdesignerdepot.bsky.social:

https://webdesignerdepot.com/10-web-dev-trends-for-2025-that-will-make-or-break-your-career/

#trends #career #ai #frameworks #lowandnocode #serverless #contentmanagement #spatialweb #designsystems #apis

A Step Into the Spatial Web: The HTML Model Element in Apple Vision Pro, by @zachernuk (@webkit):

https://webkit.org/blog/17118/a-step-into-the-spatial-web-the-html-model-element-in-apple-vision-pro/

#spatialweb #html #apple #xr

Hey we’re live on product hunt!

TLDR: volu.dev is a toolkit for making webXR dev easier, and we’re starting with debugging!

Some features:
- quick connect to your headset from VS Code
- XR native dev tools: console, inspect, and perf monitoring all in-headset
- platform agnostic: it’s a web app! It runs on #Quest, #VisionPro, and any headset with a browser.

#webxr #webdev #webdevelopment #spatialweb #xr #mixedreality #spatialcomputing

https://www.producthunt.com/posts/volu

We got really tired of juggling IPs, ports, and USB cables whenever we wanted to test in-headset. So we built volu.dev!

Connect to your headset in 1-click and have a console log, #webGL stats monitor, and scene inspector all at your finger tips.

It's also local first! So your code goes directly from your PC to your headset, no pit stop in the cloud.

Check it out here!

https://marketplace.visualstudio.com/items?itemName=Volumetrics.volumetrics

#webxr #immersiveweb #spatialweb #webdevelopment #mixedreality #spatialcomputing #localfirst #p2p

👀

sign up for early access:

Https://volumetrics.io

#webxr #spatialcomputing #spatialweb #MetaQuest3 #AppleVisionPro

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

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

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

While we're really focused on building the best tools to build for the #spatialweb, someone (us or someone else) needs to completely rethink how we browse spatial web. The #quest browser is a great start, but a 2D first interface just doesn't cut it.

#webxr #mixedreality #spatialcomputing #web #openweb #browser

Buy a Quest 3

#applevisionpro #spatialcomputing #spatialweb #mixedreality

I really love my job, even PR reviews are fun!

#webxr #spatialcomputing #quest3 #mixedreality #spatialweb

As always, star the repo: https://github.com/Volumetrics-io/mrjs

Be sure to star the repo on GitHub!

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

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

Be sure to star the repo on GitHub!

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

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

Be sure to star the repo on GitHub!

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

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

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

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

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

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

We had a great time introducing mrjs to the #webxr meetup

We wanted to show how quick you can go from the web to the spatial web, so we threw together the same demo 4 different ways.

The best part? no #applevisionpro required, just a browser and a quest 3 😎

Be sure to star the repo to follow the latest updates: https://github.com/Volumetrics-io/mrjs

#immersiveweb #spatialweb #mixedreality #spatialcomputing

Had a great time presenting at the WebXR meet up. Here's the demo we shared, showing the powerful experiences you can achieve with WebXR.

Star the repo @ https://github.com/Volumetrics-io/mrjs

#Webxr #spatialweb #spatialcomputing #mixedreality #immersiveweb

Great showcase of some of the #spatialweb experiences and games out today that you can jump into with a headset.

https://www.youtube.com/watch?v=CPco0doF3L8&t=337

https://mattcool.tech/posts/creating-a-more-immersive-spatial-web

#spatialweb

Here were the top viewed posts on the #spatialweb from my personal blog last year: https://mattcool.tech/posts/top-spatial-web-posts-of-2023

Curated list of ways you can create augmented reality on the web.

Notes for deploying AR and mixed reality experiences with open-source libraries, frameworks as well as commercial game engines and SDKs.

Also included some examples of what AR on the #spatialweb is looking like these days.

https://mattcool.tech/posts/paths-to-augmented-reality-on-the-web

I'm adding badges for readers of my personal site. Why??

My site is mostly for documenting experiments, keeping notes, and helping me improve my thinking but I also want to interact and share a connection with people who visit, and I think having badges might encourage that.

In 2024, I plan to publish posts with entertaining quizzes, real-time experiences, and some specific features relating to #spatialweb.

more thoughts on badges here: https://mattcool.tech/posts/introducing-badges

You know you’ve gone all in on spatial computing when your highest priority is fitting your headset in your bag when traveling.

#spatialweb #spatialcomputing

@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

@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

@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

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

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

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

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

so uhhhh we noticed the webxr.social domain was available and did a thing.

we’re launching it as a public service. All are welcome to join!

https://webxr.social/

#webxr #spatialweb #mixedreality #webdev #immersiveweb #arvr

Updated "Building a Web Aquarium" with a new demo video: https://mattcool.tech/posts/building-a-web-aquarium-part-one

This is a live #spatialweb site concept that puts a customizable aquarium in your room. 🐠🪸🐟

Here is the live demo if you would like to try: https://mattcool.tech/posts/exploring-natuerlich-a-revolutionary-interaction-library-for-the-spatial-web

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

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

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

Working on some improvements to AR Chef, a way to transform recipe blogs into interactive helpful ui on the #spatialweb.

Check out the 1st version here to see the difference: https://mozilla.social/@mattbcool/111019233238696456

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

Even if they walk it back, the Unity debacle is ultimately good for the XR community. Allowing a game engine to dominate the space has locked out developers who have no interest in game development.

We need to move away from game engines and create new & intuitive tools, designed from the ground up for XR, enabling an untapped community to discover new use-cases.

#SpatialComputing #spatialweb #mixedreality #unity #extendedreality #virtualreality #mr #ar #xr #gamedevelopment #wevdev

#Development #Releases
WebKit features in Safari 17 beta · Web apps for Mac, Spatial Web, WebXR, JPEGXL, and much more https://ilo.im/13es5i

_____
#Apple #WWDC23 #Browser #Safari #Mac #iOS #iPadOS #WebDevelopment #WebDev #Frontend #HTML #CSS #JavaScript #RegEx #WebAPI #WebApp #PWA #SpatialWeb #ModelElement #WebXR #WebGL #HEIC #WebDeveloperTools #DevTools #WebInspector #SafariExtensions

#Development #Releases
WebKit features in Safari 17 beta · Web apps for Mac, Spatial Web, WebXR, JPEGXL, and much more https://ilo.im/13es5i

_____
#Apple #WWDC23 #Browser #Safari #Mac #iOS #iPadOS #WebDevelopment #WebDev #Frontend #HTML #CSS #JavaScript #RegEx #WebAPI #WebApp #PWA #SpatialWeb #ModelElement #WebXR #WebGL #HEIC #WebDeveloperTools #DevTools #WebInspector #SafariExtensions