{"id":62121,"date":"2014-11-03T00:00:00","date_gmt":"2014-11-03T00:00:00","guid":{"rendered":"http:\/\/blog.mozilla.org\/foxtail\/2014\/11\/03\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/"},"modified":"2021-06-03T13:37:48","modified_gmt":"2021-06-03T20:37:48","slug":"the-web-as-a-commercial-platform-for-games-gathers-momentum","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/","title":{"rendered":"The Web as a Commercial Platform for Games Gathers Momentum"},"content":{"rendered":"<p>Mozilla has helped pioneer technology that has set the Web up as a serious platform for distributing and developing games. Recently, we have seen considerable momentum from the games industry exploring the potential of Mozilla-pioneered technologies like WebGL and asm.js, that enable high quality games to run inside your browser without the need for plugins.<\/p>\n<p>We want to give you an update on some of these developments.<\/p>\n<p><strong>1. WebGL Now On All Modern Browsers <\/strong><\/p>\n<p>WebGL is now available on all modern browsers with iOS 8 and desktop Safari being the most recent to have it on by default. Developers can confidently rely on the availability of WebGL regardless of the user\u2019s choice of browser, across all major desktop and modern mobile platforms. WebGL\u2019s ubiquity means that billions of users now have the ability to see rich 3D content on the Web. Here\u2019s an idea of what WebGL everywhere can mean for game developers:<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/6Hm8_R8lv-s?;showinfo=0&amp;controls=0\" width=\"853\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><strong>2. More Opportunities for Developers to Make Money<\/strong><\/p>\n<p><a href=\"http:\/\/www.humblebundle.com\" target=\"_blank\" rel=\"noopener noreferrer\">Humble Bundle<\/a>, one of the real innovators in game distribution, recently brought eight hugely popular Indie games including the award-winning FTL <a href=\"https:\/\/blog.mozilla.org\/blog\/2014\/10\/14\/play-awesome-indie-games-directly-in-firefox-including-the-award-winning-ftl\/\" target=\"_blank\" rel=\"noopener noreferrer\">directly to Web users<\/a>. Over two weeks, 90,000 Bundles were purchased, generating half a million dollars. These results are evidence that the Web is a major opportunity for developers to expand their reach and stand out in today&#8217;s highly competitive market. One of the games in the Bundle was Aaaaa!. Its developer, Owlchemy Labs, was <a href=\"https:\/\/hacks.mozilla.org\/2014\/10\/unity-games-in-webgl-owlchemy-labs-conversion-of-aaaaa-to-asm-js\/\" target=\"_blank\" rel=\"noopener noreferrer\">able to port its games to the Web<\/a> using Unity 5 with its WebGL and asm.js exporter, which is free and included in the <a href=\"http:\/\/blogs.unity3d.com\/2014\/10\/27\/unity-5-0-pre-order-beta-now-available\/\" target=\"_blank\" rel=\"noopener noreferrer\">recently released pre-order Beta<\/a>.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/HqpPZu5a8EE?rel=0&amp;controls=0;showinfo=0\" width=\"640\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Epic Games also recently <a href=\"https:\/\/www.unrealengine.com\/blog\/welcome-to-unreal-engine-4\" target=\"_blank\" rel=\"noopener noreferrer\">announced a new pricing structure<\/a> for Unreal Engine 4 which includes WebGL and asm.js export at no additional charge, and more <a href=\"https:\/\/www.unrealengine.com\/blog\/unreal-engine-4-free-for-students-through-github\" target=\"_blank\" rel=\"noopener noreferrer\">recently announced that it was free for students<\/a>. Check out the Strategy Game below, one of UE4\u2019s recent demos which runs in the browser without plugins at near native speed.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-8276\" src=\"https:\/\/blog.mozilla.org\/wp-content\/uploads\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM.png\" alt=\"Screen Shot 2014-11-02 at 9.02.13 AM\" width=\"1438\" height=\"806\" srcset=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM.png 1438w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM-300x168.png 300w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM-1024x574.png 1024w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM-768x430.png 768w, https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM-1000x561.png 1000w\" sizes=\"(max-width: 1438px) 100vw, 1438px\" \/><\/p>\n<p>Another sign that the Web is taking off as a platform for gaming is that Marmalade, the game development tool behind the popular \u2018Plants versus Zombies\u2019 is pushing the boundaries of the mobile Web by <a href=\"https:\/\/www.madewithmarmalade.com\/blog\/marmalade-74-has-landed\" target=\"_blank\" rel=\"noopener noreferrer\">adding support for Firefox OS<\/a> in their Marmalade Web product. Marmalade is also investigating support for Emscripten with Mozilla, which will enable developers to take their C++ games and target Firefox OS-powered phones and Firefox on desktop.<\/p>\n<p><strong>3. Advances in Web Gaming Technologies and Tools<\/strong><\/p>\n<p>In the run up to the 10th anniversary of Firefox, we have released a <a href=\"https:\/\/blog.mozilla.org\/blog\/2014\/11\/03\/the-first-browser-dedicated-to-developers-is-coming-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">preview of our upcoming browser dedicated solely to developers<\/a>. It\u2019s molded to how you work and allows you to debug the whole Web whether targeting mobile or desktop across many different platforms. It\u2019s great for game developers, because it includes <a href=\"https:\/\/hacks.mozilla.org\/2014\/07\/resources-for-html5-game-developers\/\" target=\"_blank\" rel=\"noopener noreferrer\">new tools like<\/a>: Canvas Debugger, Shader Editor and Audio Editor to make game creation easier.<\/p>\n<p>asm.js is showing promising signs of being accelerated across the Web. Microsoft <a href=\"https:\/\/blog.mozilla.org\/luke\/2014\/09\/18\/asm-js-on-status-modern-ie\/\" target=\"_blank\" rel=\"noopener noreferrer\">recently announced<\/a> it was considering optimizing Internet Explorer for the JavaScript subset. <a href=\"http:\/\/www.arewefastyet.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Arewefastyet.com<\/a> has been tracking the performance of asm.js code across browsers and advancements are being made across the board. These show that asm.js code is efficient across all browsers but remains fastest in Firefox.<\/p>\n<p>For a further speed boost in computationally intensive code, a prototype of our upcoming <a href=\"https:\/\/hacks.mozilla.org\/2014\/10\/introducing-simd-js\/\" target=\"_blank\" rel=\"noopener noreferrer\">SIMD.js support<\/a> has been added to Firefox Nightly, which is being worked on as part of a proposed standard.<\/p>\n<p><strong>4. New Benchmarks: ensuring top performance<\/strong><\/p>\n<p>To help browser makers and game developers offer the best plugin-free gaming experience possible, Mozilla has developed its <a href=\"https:\/\/hacks.mozilla.org\/2014\/11\/massive-the-asm-js-benchmark\/?preview=true\" target=\"_blank\" rel=\"noopener noreferrer\">Massive benchmark suite<\/a> which measures important aspects of asm.js performance on large, real-world code bases. Massive can help browser vendors track their performance over time and point to areas where improvements are needed, and for developers it provides a simple way to get an idea of how fast asm.js execution is on a particular device and browser.<\/p>\n<p>Leading game engine provider Unity has also recognized the need for real-world benchmarks, <a href=\"http:\/\/blogs.unity3d.com\/2014\/10\/07\/benchmarking-unity-performance-in-webgl\/\" target=\"_blank\" rel=\"noopener noreferrer\">creating their own asm.js and WebGL benchmark<\/a>. Along with Massive, these two benchmarks will offer browser makers powerful tools to help optimize their browsers for asm.js and WebGL content.<\/p>\n<p>All of these efforts are laying the foundation for high performance games and applications to run in the Web without the considerable adoption friction associated with plugins. This work is providing the opportunity for game developers to deploy much richer experiences to the 2.8 billion people surfing the Web. The Web is becoming a far more vibrant platform and we are starting to see the first signs of industry exploring the potential that has now been unlocked.<\/p>\n<p><em><br \/>\n<strong>Editor\u2019s Note:<\/strong><\/em><br \/>\n<em>We&#8217;ll be demonstrating a lot of the technologies mentioned in this post at GDC Next this week, so why not come and see us at <a href=\"http:\/\/www.gdcnext.com\/expo\/floorplan.html\" target=\"_blank\" rel=\"noopener noreferrer\">booth #317<\/a> and we will be happy to help guide you in getting your game on the Web.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mozilla has helped pioneer technology that has set the Web up as a serious platform for distributing and developing games. Recently, we have seen considerable momentum from the games industry exploring the potential of Mozilla-pioneered technologies like WebGL and asm.js, that enable high quality games to run inside your browser without the need for plugins. [&hellip;]<\/p>\n","protected":false},"author":144,"featured_media":8276,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[],"coauthors":[306191],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Web as a Commercial Platform for Games Gathers Momentum<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/\",\"url\":\"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/\",\"name\":\"The Web as a Commercial Platform for Games Gathers Momentum\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM.png\",\"datePublished\":\"2014-11-03T00:00:00+00:00\",\"dateModified\":\"2021-06-03T20:37:48+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM.png\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM.png\",\"width\":1438,\"height\":806},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Web as a Commercial Platform for Games Gathers Momentum\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/en\/\",\"name\":\"The Mozilla Blog\",\"description\":\"News and Updates about Mozilla\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83\",\"name\":\"Mozilla\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/f32381c01597770b1131dff44b9d6de1\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g\",\"caption\":\"Mozilla\"},\"url\":\"https:\/\/blog.mozilla.org\/en\/author\/mozilla\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Web as a Commercial Platform for Games Gathers Momentum","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/","url":"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/","name":"The Web as a Commercial Platform for Games Gathers Momentum","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM.png","datePublished":"2014-11-03T00:00:00+00:00","dateModified":"2021-06-03T20:37:48+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/#primaryimage","url":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM.png","contentUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2014\/10\/Screen-Shot-2014-11-02-at-9.02.13-AM.png","width":1438,"height":806},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/en\/firefox\/the-web-as-a-commercial-platform-for-games-gathers-momentum\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/en\/"},{"@type":"ListItem","position":2,"name":"The Web as a Commercial Platform for Games Gathers Momentum"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/en\/#website","url":"https:\/\/blog.mozilla.org\/en\/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83","name":"Mozilla","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/f32381c01597770b1131dff44b9d6de1","url":"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g","caption":"Mozilla"},"url":"https:\/\/blog.mozilla.org\/en\/author\/mozilla\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/62121"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/comments?post=62121"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/62121\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media\/8276"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media?parent=62121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/categories?post=62121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/tags?post=62121"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/coauthors?post=62121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}