Found 37 results for “a-frame”
-
Hacks Decoded: Sara Soueidan, Award-Winning UI Design Engineer and Author
Sara Soueidan is an independent Web UI and design engineer, author, speaker, and trainer from Lebanon. Currently, she’s working on a new course, "Practical Accessibility," meant to teach devs and designers ways to make their products accessible. We chatted with Sara about front-end web development, the importance of design and her appreciation of birds.
-
js13kGames 2020: A lean coding challenge with WebXR and Web Monetization
Announcing the return of the annual month-long competition for HTML5 game developers. For js13kGames contestants, the file size limit for all entries is set to 13 kilobytes of code. That's what makes this a code golf challenge. In addition to great prizes across a host of categories, including WebXR and Web Monetization, expert game reviewers provide valuable feedback on all submissions.
-
From js13kGames to MozFest Arcade: A game dev Web Monetization story
This is a case study in the making: how js13kGames, an online “code golf” competition for web game developers, tried out Web Monetization this year. And ended up at the Mozilla Festival, happening this week in London, demoing dozens of interesting web-monetized games. You can check out the MozFest Arcade online as well.
-
Sharpen your WebVR skills with experiments from Glitch and Mozilla
Earlier this year, we partnered with Glitch.com on a starter kit that teaches the fundamentals of WebVR using A-Frame. Today, we introduce a week of WebVR experiments that build on the basics. Designed by Glitch creator Andrés Cuervo, each experiment is unique and is meant to teach and inspire as you craft your own WebVR experiences.
-
Real virtuality: connecting real things to virtual reality using web technologies
WebXR meets the Web of Things when two developers build a prototype that applies 3D visualisation to power an IoT interface. In this post they demonstrate how open, accessible web technologies make it possible to combine software from different domains to create engaging new interactive experiences. And how you can get started too!
-
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.
-
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.
-
AV1: next generation video – The Constrained Directional Enhancement Filter
AV1 is a new general-purpose video codec developed by the Alliance for Open Media. The alliance began development of the new codec using Google’s VPX codecs, Cisco’s Thor codec, and Mozilla’s/Xiph.Org’s Daala codec as a starting point. AV1 leapfrogs the performance of VP9 and HEVC, making it a next-next-generation codec. Today's post is a deep-dive into the Constrained Directional Enhancement Filter and how it came to be.
-
Progressive Web Apps core guides on MDN Web Docs
Introducing the newly released Core PWA Guides on the MDN Web Docs site. Progressive Web Apps (PWAs) are a new way of building websites, but are they really all that new? Key PWA strategies and associated features include progressive enhancement, responsive design, and mobile-first thinking.
-
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.
