3D on the Web Heats Up

By on September 3rd, 2020 in Software

Tags: , ,

3D on the Web Heats Up
3D view from the web [Source: SolidSmack]

3D across the web, devices, screens, and reality has been ramping up considerably over the last few years.

2020, however, has brought more 3D capability to the web with browsers boosting device support for both WebVR and WebXR APIs and hitting API stability. This means one thing – there will be more 3D on the web. From Khronos Group:

“ is an open source web component that brings glTF™-based interactive, accessible 3D content to your website with a single line of HTML, including AR placement on both Android and iOS. New with v1.1 of is a scene-graph API that allows basic access to the glTF model source, enabling simple edits to be made to 3D assets with just a few lines of JavaScript.”

Shiskebab 3D view added with a single line of code. Example from modelviewer.dev

The example above was added with a single line of code and sized to fit the desired width/height. Granted you have the two lines of javascript loaded, that line of code displays your 3D model (.glb or .gltf format) right away. And that is just the beginning. has a load of attributes, css properties, methods, and events that allow you to extend the 3D interaction.

At the forefront, is the ability to load 3D models in AR from mobile devices (available with the Chrome 83 release earlier in 2020). It works for iOS as well, however, a USDZ version of the model is needed. If you’re viewing this on a mobile device, you’ll see a “View in Your Space” on the example above.

Along with all the new support is the ability to edit glb/glTF assets in the web browser and AR. If you have a glTF model or access to one, you can try out the model viewer editor here (or load the astronaut example).

Read the rest at SolidSmack

By SolidSmack.com

This is a very small behemoth of an online community about 3D CAD, technology, design, robots, ninjas… Ok, maybe not ninjas so much, but those guys are COOL so there just might be something about some dang ninjas. Besides the occasional blast of intensely cool product design and technology, we look at what’s going on in the world of 3D, add a splash of business insight and web tech into the mix and there ya got your SolidSmack.

Leave a comment

Your email address will not be published. Required fields are marked *