Articles tagged “3d”
-
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.
-
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.
-
HTML5 games: 3D collision detection
Last week we took a look at Tilemaps, and I shared some new articles that I’d written on MDN. This week I’m back to introduce 3D collision detection, an essential technique for almost any kind of 3D game. I’ll also point you to some more new articles about game development on MDN! Hope they inspire […]
-
Blend4Web: the Open Source Solution for Online 3D
Half year ago Blend4Web was first released publicly. In this article I’ll show what Blend4Web is, how it is evolved and and how it can be used for web development. What Is Blend4Web? In short, Blend4Web is an open source framework for creating 3D web applications. It uses Blender – the popular open source 3D […]
-
Getting you started for the CSS 3D transform Dev Derby (15 minute screencast)
This month’s Mozilla Dev Derby is about CSS 3D transformations and as a reminder and inspiration we thought it a good idea to give you a walk-through of a simple demo: a rotating cube with content on each side. That’s simple? Yes it is! Check the video to see the result: You can also see […]
-
Screencast: 3D CSS rollovers and 3D CSS tester
CSS 3D transforms as supported in the latest Aurora allow us to do some nice effects that in the past were only possible in Flash or with a lot of trickery using skewing and filters. I was asked to show a small demo the other day and thought it would be fun to spice up […]
-
Screencast: CSS 3D rollover with fallback for older browsers
Here’s a quick screencast how to create a 3D image rollover and still give a useful interface to browsers that do not support 3D transforms. If you want to see the effect in Firefox get the latest Aurora or Nightly. Check the following video to see what it looks like (first with a browser without […]
-
Rendering 3D with CSS and JavaScript with dom3d (guest post)
Today we have a guest post by James Long (@jlongster). James is the tech lead for mozilla.com on the Web Development team. James is passionate about interactive graphics on the open web. Today he explains how you can create 3D objects using CSS without having 3D transforms support. Take it away, James. Recently I was […]
