{"id":8773,"date":"2015-03-03T08:31:03","date_gmt":"2015-03-03T15:31:03","guid":{"rendered":"https:\/\/blog.mozilla.org\/?p=8773"},"modified":"2015-03-04T15:11:19","modified_gmt":"2015-03-04T22:11:19","slug":"unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/","title":{"rendered":"Unity 5 Ships and Brings One Click WebGL Export to Legions of Game Developers"},"content":{"rendered":"<p>Mozilla\u2019s goal of high quality plugin-free gaming on the Web is taking a giant leap forward today with the release of Unity 5. This new version of the world\u2019s most popular game development tool includes a preview of their amazing WebGL exporter. Unity 5 developers are one click away from publishing their games to the Web in a whole new way, by taking advantage of WebGL and asm.js. The result is native-like performance in desktop browsers without the need for plugins.<\/p>\n<p><iframe loading=\"lazy\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/2v6iLpY7j5M?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p><!--more--><\/p>\n<p>Unity is a very popular game development tool. In fact the company says just under half of all developers report using this tool. The engine is highly suited for mobile development and as such has been used to produce a wealth of content which is particularly well suited for Web export. Small download size, low memory usage, and rendering pipeline similarities make this content straight forward to port to the Web. Unity has a long history of providing their developers the ability to ship online via a Web plugin. In recent years, browser vendors have moved to reduce their dependency on plugins for content delivery.<\/p>\n<p><i>A new cross browser approach was needed and it has arrived<\/i><\/p>\n<p>Mozilla and Unity worked together to find a way to bring content developed in Unity 5 to the Web using only standard compliant APIs and JavaScript. Unity\u2019s new approach to Web delivery is made possible by using a combination of IL2CPP and a cross-compiler named Emscripten to port its content. IL2CPP was developed at Unity Technologies and converts all ingame scripts to C++. This approach has performance benefits when porting to multiple platforms, including the Web. Unity then uses Emscripten to convert the resulting C++ to asm.js, a subset of JavaScript that can be optimized to run at near native speeds in the browser. asm.js was pioneered by Mozilla. The code then executes in the browser as any other Web content. It accesses hardware via standard compliant APIs such as WebGL, IndexedDB, and Web Audio. The results of this collaboration have now reached the point where it\u2019s time to get them into the hands of developers.<\/p>\n<p>&#8220;Unity has always been a strong supporter of Web gaming,\u201d said Andreas Gal, CTO of Mozilla. \u201cWith the ability to do plugin-free WebGL export with Unity 5, Mozilla is excited to see Unity promoting the Web as a first-class platform for their developers. One-click export to WebGL will give Unity&#8217;s developers the ability to share their content with a new class of user.&#8221;<\/p>\n<p><a href=\"http:\/\/beta.unity3d.com\/jonas\/DT2\/\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-8781\" src=\"https:\/\/blog.mozilla.org\/wp-content\/uploads\/2015\/03\/Screenshot-20-252x142.png\" alt=\"Dead Trigger 2\" width=\"159\" height=\"90\" \/><\/a><a href=\"http:\/\/beta.unity3d.com\/jonas\/AngryBots\/\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-8782\" src=\"https:\/\/blog.mozilla.org\/wp-content\/uploads\/2015\/03\/Screenshot-33-252x142.png\" alt=\"Angry Bots\" width=\"160\" height=\"90\" \/><\/a><a href=\"http:\/\/www.dejobaan.com\/awesome\/\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-8783\" src=\"https:\/\/blog.mozilla.org\/wp-content\/uploads\/2015\/03\/Screenshot-31-252x142.png\" alt=\"AaaaaAAaaaAAAaaAAAAaAAAAA for The Awesome!\" width=\"160\" height=\"90\" \/><\/a><\/p>\n<p>Clicking on the images above will take you to live examples of Unity 5 exports using WebGL 1.<\/p>\n<p>At GDC, Mozilla will also be providing a first look at WebGL 2. While the shipping Unity WebGL export targets WebGL 1, Unity and Mozilla have been working together to take advantage of WebGL 2, the next generation standard for 3D graphics on the Web. Unity has redeveloped their Teleporter demo to showcase the technology in action.<\/p>\n<p>Mozilla and Unity will be showing off a number of titles developed in Unity and exported to the Web, including Nival\u2019s Prime World Defenders and <a href=\"http:\/\/www.dejobaan.com\/awesome\/\">AaaaaAAaaaAAAaaAAAAaAAAAA! for Awesome by Dejobaan Games<\/a>, which can be played right on their website. You can also try <a href=\"http:\/\/beta.unity3d.com\/jonas\/DT2\/\">Dead Trigger 2<\/a> and <a href=\"http:\/\/beta.unity3d.com\/jonas\/AngryBots\/\">Angry Bots<\/a> available via Unity Technologies\u2019 website.<\/p>\n<p>For more information on Unity&#8217;s news please see their <a href=\"http:\/\/blogs.unity3d.com\/2015\/03\/03\/unity-5-launch\/\">blog post<\/a>.<\/p>\n<p>For more information on Mozilla&#8217;s news at GDC see this <a href=\"https:\/\/blog.mozilla.org\/blog\/2015\/03\/03\/bringing-native-games-to-the-web-is-about-to-get-a-whole-lot-easier\">post<\/a>.<\/p>\n<p><i>Edited March 4th to clarify that current Unity support is for WebGL 1 while WebGl 2 is an experimental technology being developed in conjunction with Mozilla.<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mozilla\u2019s goal of high quality plugin-free gaming on the Web is taking a giant leap forward today with the release of Unity 5. This new version of the world\u2019s most &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/\">Read more<\/a><\/p>\n","protected":false},"author":144,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19521],"tags":[],"coauthors":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Unity 5 Ships and Brings One Click WebGL Export to Legions of Game Developers - The Mozilla Blog (Archived)<\/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\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mozilla\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/\",\"url\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/\",\"name\":\"Unity 5 Ships and Brings One Click WebGL Export to Legions of Game Developers - The Mozilla Blog (Archived)\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/uploads\/2015\/03\/Screenshot-20-252x142.png\",\"datePublished\":\"2015-03-03T15:31:03+00:00\",\"dateModified\":\"2015-03-04T22:11:19+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/#\/schema\/person\/33edd7d4d73723140487082573041c83\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/wp-content\/uploads\/2015\/03\/Screenshot-20-252x142.png\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/uploads\/2015\/03\/Screenshot-20-252x142.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/blogarchive\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unity 5 Ships and Brings One Click WebGL Export to Legions of Game Developers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/blogarchive\/\",\"name\":\"The Mozilla Blog (Archived)\",\"description\":\"Dispatches from the Internet frontier.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/blogarchive\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/#\/schema\/person\/33edd7d4d73723140487082573041c83\",\"name\":\"Mozilla\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/#\/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\/blogarchive\/blog\/author\/mozilla\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Unity 5 Ships and Brings One Click WebGL Export to Legions of Game Developers - The Mozilla Blog (Archived)","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\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/","twitter_misc":{"Written by":"Mozilla","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/","url":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/","name":"Unity 5 Ships and Brings One Click WebGL Export to Legions of Game Developers - The Mozilla Blog (Archived)","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/blogarchive\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/wp-content\/uploads\/2015\/03\/Screenshot-20-252x142.png","datePublished":"2015-03-03T15:31:03+00:00","dateModified":"2015-03-04T22:11:19+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/blogarchive\/#\/schema\/person\/33edd7d4d73723140487082573041c83"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/#primaryimage","url":"https:\/\/blog.mozilla.org\/wp-content\/uploads\/2015\/03\/Screenshot-20-252x142.png","contentUrl":"https:\/\/blog.mozilla.org\/wp-content\/uploads\/2015\/03\/Screenshot-20-252x142.png"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2015\/03\/03\/unity-5-ships-and-brings-one-click-webgl-export-to-legions-of-game-developers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/blogarchive\/"},{"@type":"ListItem","position":2,"name":"Unity 5 Ships and Brings One Click WebGL Export to Legions of Game Developers"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/blogarchive\/#website","url":"https:\/\/blog.mozilla.org\/blogarchive\/","name":"The Mozilla Blog (Archived)","description":"Dispatches from the Internet frontier.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/blogarchive\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/blogarchive\/#\/schema\/person\/33edd7d4d73723140487082573041c83","name":"Mozilla","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/blogarchive\/#\/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\/blogarchive\/blog\/author\/mozilla\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/posts\/8773"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/comments?post=8773"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/posts\/8773\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/media?parent=8773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/categories?post=8773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/tags?post=8773"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/coauthors?post=8773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}