Articles tagged “WebVR”
-
Learn web technology at “sofa school”
Here are some web development learning resources for kids of all ages. All you need is a web browser. This collection looks at social VR experiences using Hubs and Spoke, CSS coloring and games that teach Grid and Flexbox, and WebXR field trips that are out of this world.
-
Exploring Collaboration and Communication with Mozilla Hubs
As we look at advancements in mixed reality like the WebXR API, we are able to explore ways to feel more present with others through technology. Hubs by Mozilla is built on top of WebRTC and supports real-time conversations between users in a shared virtual environment. Users embody 3D models in the glTF format called avatars. The code powering Hubs is available online on GitHub under the MPL and we welcome contributions from the community.
-
Anyone can create a virtual reality experience with this new WebVR starter kit from Mozilla and Glitch
Building a virtual reality experience may seem daunting, but it really isn’t. WebVR and frameworks like A-Frame make it easy to get started right. This is why we worked with Glitch to create a WebVR starter kit. Today we introduce a free, 5-part video course with interactive code examples that will teach you the fundamentals of WebVR using A-Frame.
-
Performance-Tuning a WebVR Game
The smaller the app, the faster it loads. Here's how I reduced the size of a favorite WebVR game, optimizing font, audio, and image files to hit my target: 10-second load times in VR headsets.
-
New API to Bring Augmented Reality to the Web
The WebXR Device API has two goals that differentiate it from WebVR: support for new user inputs like voice and gestural navigation, and laying a foundation for augmented reality on the web. This emerging specification aims to remove barriers so AR and VR content is accessible to creators and users alike.
-
360° Images on the Web, the Easy Way
One of the most popular uses for VR today is 360° images and video. These are easy to discover and share online, and you don’t need to learn any new interactions to explore the 360° experience. But building 360° views is not as easy as exploring them. In this post, Josh shows you how to easily build a 3D tour using A-Frame and Glitch.
-
Building an Immersive Game with A-Frame and Low Poly Models
In the first part of this two-part tutorial, Josh Marinacci builds an immersive WebVR game using A-Frame, and walks through the key concepts and code for adding a physics engine, managing collisions, and adding 3d models and effects.
-
A super-stable WebVR user experience thanks to Firefox Quantum
The Quantum release incorporates major optimizations from Quantum Flow, an holistic effort to modernize and improve the foundations of the Firefox web engine by identifying and removing the main sources of jank without rewriting everything from scratch. Quantum Flow has had an important and noticeable effect on WebVR stability and performance, as Salva demonstrates in this article.
-
Multi-user experiences with A-Frame
Salva de la Puente describes the
sharedspacecomponent he's built, which brings the power of WebRTC to A-Frame users. The component provides a collaboration model where participants can join or leave a named space, share audio and state, and send JSON-serializable objects to other peers. Check it out! -
Optimizing Performance of A-Frame Scenes for Mobile Devices
A-Frame makes building 3D and VR web applications easy, so developers of all skill levels can create rich and interactive virtual worlds. For an Oregon State University student project focused on WebVR, our team investigated performance and optimizations for A-Frame on Android smartphones. We developed a means of benchmarking the level of 3D complexity a mobile phone is capable of, and determining which performance metrics are required for such a benchmark.
