Dilmer Valecillos | WebXR in Mattercraft: Rapid AR/VR Creation for Apple Vision Pro & Quest 3! @dilmerv | Uploaded April 2024 | Updated October 2024, 3 hours ago.
Today, I would like to invite you to join me as I introduce you to a new WebXR tool and build a SpaceX fan prototype that runs on multiple platforms.
❤️ Support on Patreon: patreon.com/dilmerv
🔔 Subscribe for more XR Tutorials : youtube.com/@dilmerv?sub_confirmation=1
🐦 Twitter X: twitter.com/dilmerv
👥 Discord : discord.gg/dNMHBc8KdP
📸 Instagram : instagram.com/dilmerv
📢 To register for FREE for 14 days and follow along, go to: bit.ly/3VSmruD
📌 Get Started With AR/VR By Using Zapbox (A Very Low Cost XR Device): zapbox.io/?via=dilmer (affiliate link)
📚 This video also covers the following areas:
00:00 - Intro To Major Mattercraft WebXR Tools
01:38 - Creating An Account And Logging Into Mattercraft
02:34 - Creating A WebXR Mattercraft Project
05:05 - Selecting A WebXR Controller (For instance: Quest 3, ML2, Hands, etc)
05:39 - Adding glTF / GLB 3D Models
07:56 - WebXR One-Click Publishing and Testing With Quest 3 & Apple Vision Pro
09:23 - Adding A NoSkyOnAR Custom Behavior With TypeScript
12:05 - Adding A Legend And Implementing The LineLegend Custom Behavior With TypeScript
16:30 - Adding Animations (States And Timelines)
20:58 - Adding Billboard Components To All Legends
23:28 - Adding UI Interactions With 3D Models And Event Bindings
26:42 - Final Demo of Our "SpaceX Fan Project" Running On Multiple Headsets
28:51 - Outro
ℹ️ Recommended Resources:
👉 Mattercraft WebXR Developer Docs: docs.zap.works/mattercraft/getting-started
👉 Mattercraft WebXR Animation System Docs: docs.zap.works/mattercraft/animation-system
👉 Mattercraft WebXR Scripting (very helpful): docs.zap.works/mattercraft/scripting
👉 To Optimize / Compresss GLB Files take a look at: optimizeglb.com
Huge thanks to @ZapparApp for sponsoring this WebXR video.
🙏 Big THANKS to the following artists for providing the following 3D models:
- Earth Planet 3D Model By "Denis Cliofas": sketchfab.com/3d-models/earth-3684eb40fb7e42208089874e6286b9e9
- Mars Terrain 3D Model By "Sebastian Sosnowski": sketchfab.com/3d-models/mars-aram-chaos-region-5c9b99de0405465f81ff0ba244ef69e2
- Mars Planet 3D Model By "Akshat": sketchfab.com/3d-models/mars-9c7bbc64d8c74acfa9ec344c0fc10e1a
- Starship 3D Model By "MartianDays": sketchfab.com/3d-models/spacex-starship-a8a0b69f776841a1a465cd9fb3762fd2
🥽 Learn & Get my XR Training from:
learnxr.io
👉 My Blog / 🔥 Newsletter (Subscribe to get up to date XR news)
blog.learnxr.io
#webxr #applevisionpro #quest3
Today, I would like to invite you to join me as I introduce you to a new WebXR tool and build a SpaceX fan prototype that runs on multiple platforms.
❤️ Support on Patreon: patreon.com/dilmerv
🔔 Subscribe for more XR Tutorials : youtube.com/@dilmerv?sub_confirmation=1
🐦 Twitter X: twitter.com/dilmerv
👥 Discord : discord.gg/dNMHBc8KdP
📸 Instagram : instagram.com/dilmerv
📢 To register for FREE for 14 days and follow along, go to: bit.ly/3VSmruD
📌 Get Started With AR/VR By Using Zapbox (A Very Low Cost XR Device): zapbox.io/?via=dilmer (affiliate link)
📚 This video also covers the following areas:
00:00 - Intro To Major Mattercraft WebXR Tools
01:38 - Creating An Account And Logging Into Mattercraft
02:34 - Creating A WebXR Mattercraft Project
05:05 - Selecting A WebXR Controller (For instance: Quest 3, ML2, Hands, etc)
05:39 - Adding glTF / GLB 3D Models
07:56 - WebXR One-Click Publishing and Testing With Quest 3 & Apple Vision Pro
09:23 - Adding A NoSkyOnAR Custom Behavior With TypeScript
12:05 - Adding A Legend And Implementing The LineLegend Custom Behavior With TypeScript
16:30 - Adding Animations (States And Timelines)
20:58 - Adding Billboard Components To All Legends
23:28 - Adding UI Interactions With 3D Models And Event Bindings
26:42 - Final Demo of Our "SpaceX Fan Project" Running On Multiple Headsets
28:51 - Outro
ℹ️ Recommended Resources:
👉 Mattercraft WebXR Developer Docs: docs.zap.works/mattercraft/getting-started
👉 Mattercraft WebXR Animation System Docs: docs.zap.works/mattercraft/animation-system
👉 Mattercraft WebXR Scripting (very helpful): docs.zap.works/mattercraft/scripting
👉 To Optimize / Compresss GLB Files take a look at: optimizeglb.com
Huge thanks to @ZapparApp for sponsoring this WebXR video.
🙏 Big THANKS to the following artists for providing the following 3D models:
- Earth Planet 3D Model By "Denis Cliofas": sketchfab.com/3d-models/earth-3684eb40fb7e42208089874e6286b9e9
- Mars Terrain 3D Model By "Sebastian Sosnowski": sketchfab.com/3d-models/mars-aram-chaos-region-5c9b99de0405465f81ff0ba244ef69e2
- Mars Planet 3D Model By "Akshat": sketchfab.com/3d-models/mars-9c7bbc64d8c74acfa9ec344c0fc10e1a
- Starship 3D Model By "MartianDays": sketchfab.com/3d-models/spacex-starship-a8a0b69f776841a1a465cd9fb3762fd2
🥽 Learn & Get my XR Training from:
learnxr.io
👉 My Blog / 🔥 Newsletter (Subscribe to get up to date XR news)
blog.learnxr.io
#webxr #applevisionpro #quest3
