JavaScript Articles
-
PlayCanvas Goes Open Source
This is a guest post by Will Eastcott of the PlayCanvas engine. As outlined in What Mozilla Hacks is, we constantly cover interesting information about open source and the Open Web, both from external as well as Mozilla authors, so feel free to share with us! On March 22nd 2011, Mozilla released Firefox 4.0 which […]
-
App Framework and Firefox OS
Intel’s App Framework is an open source, MIT licensed, cross platform HTML5 framework for building mobile applications. It is hosted on GitHub where you can contribute to the project, especially the Firefox OS theme. App Framework is comprised of three main areas. Query selector library UI/UX library Plugins The query selector library implements a subset […]
-
Treat Open Source Like a Startup
What am I getting myself into? I was never an open source contributor. I had never even filed a GitHub issue. I considered myself an entrepreneur who simply happened to be technical. But when the startup I wanted to build needed something that didn’t exist, I followed an unprecedented whim and paused everything I was working […]
-
Creating a Multiplayer Game with TogetherJS and CreateJS
Bubble Hell Duel is a multiplayer HTML5 dogfighting game. The object of the game is to dodge bubbles launched from your opponent while returning fire. This game was written mainly as a prototype for learning and the source code is available on GitHub. You can try the game out in single or multiplayer here. Currently […]
-
How fast is PDF.js?
Hi, my name is Thorben and I work at Opera Software in Oslo, not at Mozilla. So, how did I end up writing for Mozilla Hacks? Maybe you know that there is no default PDF viewer in the Opera Browser, something we would like to change. But how to include one? Buy it from Adobe […]
-
asm.js performance improvements in the latest version of Firefox make games fly!
The latest version of Firefox which launched last week includes a major update to the user interface as well as to features like Sync. Another area in which this release brings significant improvements is in asm.js performance, which as we will see below is very important for things like games. To put that aspect of […]
-
Coordinate Conversion Made Easy – the power of GeometryUtils
In a previous post we introduced the GeometryUtils interface and the getBoxQuads() API for retrieving the CSS box geometry of a DOM node. GeometryUtils also takes care of another important problem: converting coordinates reliably from one DOM node to another. For example, you might want to find the bounding-box of one element relative to another […]
-
Rormix – Discover Emerging Music Videos with Firefox OS
Rormix is a platform for discovering emerging music videos. Music videos are tagged by genre and similar commercial artists, making it easy to discover new music videos. The Rormix app was made using PhoneGap and released on iOS and Android. Development took just over a month from the first line of code, to the app […]
-
Introducing the getBoxQuads API
Web developers often need to determine where an element has been placed in the page, or more generally, where it is relative to another element. Existing APIs for doing this have significant limitations. The new GeometryUtils interface and its supporting interfaces DOMPoint, DOMRect and DOMQuad provide Web-standard APIs to address these problems. Firefox is the […]
-
Introducing the Canvas Debugger in Firefox Developer Tools
The Canvas Debugger is a new tool we’ll be demoing at the Game Developers Conference in San Francisco. It’s a tool for debugging animation frames rendered on a Canvas element. Whether you’re creating a visualization, animation or debugging a game, this tool will help you understand and optimize your animation loop. It will let you […]