Games Articles
-
Innovating on Web Monetization: Coil and Firefox Reality
An in-depth introduction to web monetization with Coil. Coil is a payments platform that doesn't really on advertising or personal data collection to support digital content creators directly. Firefox Reality is rolling out a Coil-based experiment for creators and consumers, and you're invited to participate or learn more about how it works, and why Mozilla is involved.
-
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.
-
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.
-
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.
-
Progressive Web Games
Web game developer Andrzej Mazur explores the concept of Progressive Web Games. He describes howe to use PWA features built with Web APIs for modern game development. He introduces the Enclave Phaser Template (EPT) — a free, open sourced mobile boilerplate for HTML5 games that provides many shortcuts for getting started.
-
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.
-
Building an Immersive Game with A-Frame and Low Poly Models (Part 2)
In Part 2 of this two-part tutorial on using A-Frame to build an immersive game, Josh Marinacci shows how to add lighting, audio, responsiveness and polish to the simple game he developed in Part 1.
-
Create VR on the Web using Unity3D
Mozilla's WebVR team has just released Unity WebVR Assets. It is free to download and available now on the Unity Asset Store. This tool allows creators to publish and share VR experiences they created in Unity on the open web, with a simple URL or link. These experiences can then be viewed with any WebVR enabled browser such as Firefox (using the Oculus Rift or HTC VIVE) and Microsoft Edge (using a Windows Mixed Reality headset).
-
Lessons learned from the A-Frame category in the js13kGames competition
With the Global Game Jam weekend ahead, it’s a great time to consider building with WebVR and A-Frame. The js13kGames 2017 competition ended back in September last year, but the game devs who built playable WebVR entries limited to just 13 kilobytes learned a lot along the way. Here's a look at their learnings - and their code! And if you're looking for a new 3D challenge – Mozilla recently launched the WebVR Medieval Fantasy Experience Challenge, which is open now till the end of February.
-
Life After Flash: Multimedia for the Open Web
Part II: Flash delivered video, animation, interactive sites and, yes, ads to billions of users for more than a decade, but now it’s going away. Here's a compilation of resources that looks ahead at the open web technologies that have emerged to make web video, animation, and game development more performant and engaging than ever!
