Mozilla, Epic Port Unreal Engine 3 to Firefox in Four Days

Firefox

Asm.js and Emscripten allow high-end 3D game engines to run at near-native speeds directly inside web browsers without third-party plugins.

AI-assisted summary of Unreal Engine 3 in Firefox with asm.js — original source. Check the original for full context.

Source published: 2013-05-02

Key ideas

Mozilla and Epic Games successfully ported Unreal Engine 3 to the Web inside Firefox in just four days. (0:00)
The port relies on Emscripten and asm.js to achieve near-native execution of high-end 3D games without external plugins. (0:00)
Further technical details and documentation are available via Mozilla Hacks and the official Emscripten website. (0:00)

Detailed notes

## Background Published on YouTube by the Firefox channel on May 2, 2013, this video demonstrates Unreal Engine 3 running inside the browser. According to the page description, engineering teams at Mozilla and Epic successfully ported the engine to the Web in just four days utilizing Emscripten and asm.js.

## TL;DR The video presents an audiovisual technical showcase of Epic Games' Unreal Engine 3 running natively inside Mozilla Firefox without third-party plugins. It highlights how the combined use of asm.js—a strictly typed, highly optimizable subset of JavaScript—and the Emscripten compiler enabled near-native 3D performance on the Web. The demo stands as proof of the joint engineering effort completed in only four days, directing viewers to Mozilla Hacks and the Emscripten project for deeper technical details.

## Atmosphere & style The presentation carries the brisk, focused vibe of a cutting-edge technical demo, eschewing traditional spoken narration in favor of driving background music. Viewers experience the raw graphical capability of the browser in real time, interspersed with automated audio sign-offs and courtesies like "Thank you" and "Bye." The resulting mood is modern, impressive, and understated, letting the visual performance of the engine speak directly for itself.

## Bulletin - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) Mozilla and Epic Games successfully ported Unreal Engine 3 to the Web inside Firefox in just four days. - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) The port relies on Emscripten and asm.js to achieve near-native execution of high-end 3D games without external plugins. - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) Further technical details and documentation are available via Mozilla Hacks and the official Emscripten website.

## Key takeaways - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) Demonstration highlights Epic Games' Unreal Engine 3 running natively within Mozilla Firefox. - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) The porting project between engineering teams at Mozilla and Epic Games was completed in only four days. - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) Emscripten served as the LLVM-to-JavaScript compiler to translate native engine code for browser execution. - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) asm.js, a strictly typed and highly optimizable subset of JavaScript, enables near-native performance inside the browser. - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) The showcase proves that complex, high-end 3D game engines can operate smoothly on the Web without proprietary third-party plugins. - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) The video provides an audiovisual demonstration of real-time rendering rather than a traditional spoken lecture. - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) Mozilla Hacks provides in-depth technical documentation covering the mechanics of the port. - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) The Emscripten project website hosts ongoing compiler resources and tools for web-based porting.

## Detailed walkthrough ### [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) Unreal Engine 3 Web Port Showcase

The presentation serves as a technical showcase highlighting the breakthrough port of Epic Games' Unreal Engine 3 directly to the Web within Mozilla Firefox. Rather than a standard spoken lecture or interview, the video functions as an audiovisual demonstration set to background music, accompanied by automated audio artifacts reflecting conversational sign-offs and courtesies like “Thank you” and “Bye.”

As outlined in the project background, engineering teams at Mozilla and Epic completed the port in just four days by taking advantage of Emscripten and asm.js, proving that high-end 3D game engines could run at near-native speeds inside a modern web browser without third-party plugins.

- **Porting Timeline**: The engineering collaboration between Mozilla and Epic Games brought Unreal Engine 3 to the Web in four days. - **Core Technologies**: The demonstration relies on asm.js—an optimized, strictly typed subset of JavaScript—alongside the Emscripten LLVM-to-JavaScript compiler. - **Official Resources**: Further technical documentation and project details are hosted at Mozilla Hacks (`http://www.hacks.mozilla.org`) and the Emscripten project website (`http://www.emscripten.org`).

## Mentioned Mozilla, Epic Games, Unreal Engine 3, Firefox, asm.js, Emscripten, Mozilla Hacks

## Video description Engineering teams at Mozilla and Epic ported Unreal Engine 3 to the Web in four days, using Emscripten and asm.js

For more information, visit: http://www.hacks.mozilla.org http://www.emscripten.org

[Source](https://www.youtube.com/watch?v=BV32Cs_CMqo)

中文简报

Mozilla与Epic在四天内将虚幻引擎3移植至Firefox 借助Asm.js和Emscripten，高端3D游戏引擎无需第三方插件即可在网页浏览器中以接近原生的速度运行。该视频展示了Epic Games的虚幻引擎3在无需第三方插件的情况下，原生运行于Mozilla Firefox中的视听技术演示。它重点介绍了结合使用asm.js（一种严格类型化、高度可优化的JavaScript子集）和Emscripten编译器，如何在Web上实现接近原生的3D性能。该演示证明了双方仅用四天时间完成的联合工程成果，并引导观众访问Mozilla Hacks和Emscripten项目以获取更深入的技术细节。 Mozilla与Epic Games仅用四天时间便成功将虚幻引擎3移植至Firefox内的Web端。 (0:00) 该移植基于Emscripten和asm.js，无需外部插件即可实现高端3D游戏的接近原生速度运行。 (0:00) 更多技术细节和文档可通过Mozilla Hacks及Emscripten官方网站获取。 (0:00)

Reading summary

Mozilla and Epic Games demonstrated that high-end 3D gaming can run inside a modern web browser without plugins, completing a port of Unreal Engine 3 to Firefox in four days. Four-Day Porting with asm.js and Emscripten (0:00) The engineering collaboration between Mozilla and Epic Games relied on two core technologies to adapt Unreal Engine 3 to the web: Emscripten, an LLVM-to-JavaScript compiler, and asm.js, a strictly typed and highly optimized subset of JavaScript. Using this toolchain, the teams completed the port in four days. Plugin-Free Near-Native Browser Performance (0:00) Presented as an audiovisual technical demonstration rather than a lecture, the showcase illustrated that complex 3D game engines could achieve near-native execution speeds directly inside Firefox without third-party plugins. Technical background and project documentation were made available through Mozilla Hacks and the official Emscripten website. The showcase verified that complex engines can run in browser environments through compiled JavaScript, though the brief demonstration leaves long-term operational and production trade-offs unaddressed.

精炼阅读摘要

Mozilla与Epic Games展示了通过asm.js和Emscripten技术，在无需安装第三方插件的情况下，将虚幻引擎3（Unreal Engine 3）直接移植至Firefox浏览器并实现接近原生速度的运行。编译与执行的核心技术基础 (0:00) 该技术演示主要依托LLVM至JavaScript编译器Emscripten，以及高度优化的严格类型化JavaScript子集asm.js。通过这些底层技术支持，复杂的C++大型3D游戏引擎能够被直接编译并在现代Web浏览器环境中高效运行，免去了对外部插件的依赖。工程协作效率与技术验证 (0:00) 根据项目背景资料，Mozilla与Epic Games的工程团队仅投入了四天的协作时间，便成功完成了虚幻引擎3到Web环境的移植验证。该项目表明现代网络技术具备承载高端3D引擎的能力，相关具体技术文档已收录于Mozilla Hacks与Emscripten项目网站。该演示确立了在无插件Web浏览器中运行高端3D引擎的技术可行性，但资料未涉及更广泛的生产环境表现与跨浏览器兼容性细节。

Detailed notes — zh

## Background 该视频由 Firefox 官方频道于 2013 年 5 月 2 日发布在 YouTube 平台上。视频简介说明，Mozilla 与 Epic Games 的工程团队借助 Emscripten 和 asm.js 技术，仅用时四天就将虚幻引擎 3（Unreal Engine 3）成功移植到了 Web 平台。 ## TL;DR 本视频实际展示了虚幻引擎 3 在 Firefox 浏览器中原生流畅运行的技术演示。双方团队通过 asm.js 和 Emscripten 编译器，彻底打破了以往运行高端 3D 游戏必须依赖外部插件的限制。演示全程呈现了引擎的实时图形渲染与高效代码执行能力，证明了现代浏览器处理复杂 3D 游戏引擎的巨大潜力。官方同时提供了 Mozilla Hacks 博客与 Emscripten 官网作为进一步的技术参考来源。 ## Atmosphere & style 整个演示风格纯粹且具有前沿科技感，完全通过实际画面的流畅运转变现其技术震撼力。视频伴随着富有节奏感的背景音乐与简短的原声交互语音，省去了冗长的主持人解说，呈现出一种干净利落的技术实力宣示。观看过程令人直观感受到当时 Web 图形技术取得突破时的惊艳与敏捷，氛围既极客又充满未来感。 ## Bulletin - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) Mozilla 与 Epic Games 合作，通过 Emscripten 和 asm.js 仅耗时四天就将虚幻引擎 3（Unreal Engine 3）成功移植至 Web 平台。 - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) 该技术实现了在 Firefox 浏览器中无需安装任何额外插件即可直接运行大型高端 3D 游戏引擎的突破性效果。 - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) 演示验证了 asm.js 配合 Emscripten 编译器在 Web 端的图形渲染与高性能代码执行能力。 ## Key takeaways - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) Mozilla 与 Epic Games 工程团队联手实现了虚幻引擎 3 在 Firefox 浏览器中的原生运行。 - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) 整个引擎移植项目借助工具链的高效表现，仅耗费了四天时间。 - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) 核心编译与运行技术栈依赖于 Emscripten 编译器与 JavaScript 高性能子集 asm.js。 - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) 该方案彻底摆脱了传统网页 3D 应用对特定第三方插件的依赖。 - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) 演示直观验证了现代 Web 平台在支撑复杂大型 3D 游戏与图形引擎方面的性能潜力。 - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) asm.js 为 C/C++ 代码向浏览器端的高效转译与近原生执行速度提供了可行路径。 - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) 相关技术细节与实践参考资料可通过 Mozilla Hacks 博客与 Emscripten 官网进一步获取。 - [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) 该成果标志着 Web 平台在高端交互式图形与实时渲染技术演进上的重要里程碑。 ## Detailed walkthrough ### [00:00](https://www.youtube.com/watch?v=BV32Cs_CMqo&t=0s) 基于 asm.js 与 Emscripten 的虚幻引擎 3 网页端演示本视频展示了 Mozilla 与 Epic Games 工程团队在 Firefox 浏览器中运行虚幻引擎 3（Unreal Engine 3）的技术成果。根据视频官方说明，双方工程团队借助编译工具 Emscripten 与 asm.js 技术，仅用时四天就将虚幻引擎 3 成功移植到 Web 平台，实现了无需安装任何额外插件即可在现代浏览器中直接运行大型高端 3D 游戏引擎的突破性效果。视频内容伴随着背景音乐与演示原声推进，音频中记录了包括 “Thank you. Thank you. Bye.” 以及 “Thank you. Thank you. Thank you.” 等简短的交互原声片段与音乐节奏，直观呈现了基于 asm.js 的 Web 图形与代码执行效率。 - **移植耗时**：Mozilla 与 Epic Games 工程团队耗时仅 4 天完成移植。 - **核心技术栈**：asm.js 与 Emscripten 编译器。 - **参考技术资源**：Mozilla Hacks 博客（hacks.mozilla.org）及 Emscripten 官方站点（emscripten.org）。 ## Mentioned 虚幻引擎 3 (Unreal Engine 3), Firefox, Mozilla, Epic Games, asm.js, Emscripten ## Video description Engineering teams at Mozilla and Epic ported Unreal Engine 3 to the Web in four days, using Emscripten and asm.js For more information, visit: http://www.hacks.mozilla.org http://www.emscripten.org [Source](https://www.youtube.com/watch?v=BV32Cs_CMqo)

Original transcript

[0:00] *music* Thank you. Thank you. Bye. *music* Thank you. Thank you. Thank you. . Music. Thank you. Thank you. So