Demo Articles
-
Showcasing your WebVR experiences
WebVR combines the powerful reach of the Internet with the immersive appeal of virtual reality content. With WebVR, a VR experience is never more than one URL away. Nevertheless, VR equipment is still expensive and not quite adopted for consumer use. For this reason, it is useful to be able to record your VR projects for others to experience and enjoy. This tutorial teaches you how to record a virtual experience you’ve created using the mirror mode in SteamVR.
-
A Saturday Night: Track and record movement in WebVR
Mozilla’s WebVR team has released a fun new virtual reality demo called A Saturday Night. Put your VR headset on, perform a dance, and share it with the world!
-
The making of a hack – Media Query Mario
Like any developer, I love any shiny new tech demo that finds its way into my browser; some of the things people are putting together absolutely blows my mind with the level of creativity and technical skill on show. After attending WebDevConf 2012 in mid October, I felt the usual heightened sense of inspiration that […]
-
BrowserQuest – a massively multiplayer HTML5 (WebSocket + Canvas) game experiment
It’s time for some gaming action with a new HTML5 game demo: BrowserQuest, a massively multiplayer adventure game created by Little Workshop (@glecollinet & @whatthefranck) and Mozilla. Play the game: browserquest.mozilla.org BrowserQuest is a tribute to classic video-games with a multiplayer twist. You play as a young warrior driven by the thrill of adventure. No […]
-
Creating thumbnails with drag and drop and HTML5 canvas
HTML5 Canvas is a very cool feature. Seemingly just an opportunity to paint inside the browser with a very low-level API you can use it to heavily convert and change image and video content in the document. Today, let’s take a quick look at how you can use Canvas and the FileReader API to create […]
-
Screencast: BrowserID login flow on OpenPhoto.me
BrowserID is an initiative to provide the web with a better way to sign in. The web is a connected collection of resources and you should not have to have a user name and password for each of them when you could use the web instead. Today we show you a screencast of how easy […]
-
CSS 3D transformations in Firefox Nightly
When the first 3D transformations in CSS got support on Webkit browsers people got incredibly excited about them. Now that they have matured we also support 3D CSS in Firefox. To see it for yourself, check out one of the latest nightly builds. You can see them in action in this demo of a rotating […]
-
Rofox, a CSS3 Animations demo
Firefox 5 was released last week. This release comes with CSS3 Animations. Here is a demo made by Anthony Calzadilla. To illustrate what you can achieve with CSS3 Animations, we have been working on demo with Anthony Calzadilla (@acalzadilla), famous for his awesome Animation projects. Check out the demo on the Mozilla Demo Studio. And […]
-
Firefox 4 for Mobile: Demos!
The Release Candidate for Firefox 4 for mobile (Maemo and Android) is out. If you want to see a quick overview of Firefox for Mobile, look at Madhava’s post. Firefox 4 Desktop, Firefox 4 Mobile: same engine! And this is awesome! It means you will find the same feature in mobile and desktop: HTML5, CSS3 […]
-
Firefox 4 Demos: More 3D!
Firefox 4 is here! Yeah! And to celebrate the launch, we have released another round of demos on Web O’ Wonder, with 3 awesome WebGL demos! (This new round also introduces mobile-specific demos, see this dedicated blog post). WebGL: It’s 3D and Web Content together. Demo by Cédric Pinson and Guillaume Lecollinet. GlobeTweeter is a […]
