BLUI：HTML 和虚幻引擎的结合
消息
社区
作者亚伦·谢伊
我叫 Aaron Shea，今年十八岁，主修计算机科学。 我从事独立游戏开发多年，虚幻引擎4让我可以直接开发3D游戏，并将我的想法转化为游戏原型。
用户界面很重要
我发现当游戏具有多样化且设计良好的用户界面时，玩家会更喜欢游戏。 该界面不应影响游戏体验，并且具有您特定游戏所需的所有功能。 我开发过网页游戏技能特效，和视频游戏一样，用户界面和用户体验非常关键。 如果没有良好的用户体验，您将无法让玩家留住足够长的时间来充分享受您制作的游戏。
互联网上有很多新技术可以产生多样化和响应式的用户界面，包括 CSS3 动画、动态内容、JavaScript、WebRTC、WebAudio 等。但是在游戏中实现相同的功能对于小团队来说将是一场噩梦。
我的解决方案是在引擎中使用网页内容。
Web + 虚幻引擎 4 = 精彩内容
当我搜索有关基于 HTML 的用户界面系统的信息时，我发现了一些商业许可方案。 不过，我觉得它应该使用优秀的开源方法来制作。 因此，我开始开发 BLUI，这是一个用于虚幻引擎开发的专业用户界面插件，它提供了一个简单且不寻常的 API（应用程序编程接口）来渲染基于 HTML 的界面。 BLUI是我负责的一个项目，将用于我以后的游戏开发。 我觉得我想为Unreal开发社区贡献一些东西，所以我在Github上发布了源代码供大家使用。 虽然还处于开发阶段，但这个工具不仅非常容易使用，而且非常灵活。 扩展虚幻引擎 4 是一次很棒的体验html5游戏引擎，因为它的插件系统易于使用，并且允许我为 BLUI 插件提供“拖放”体验。
大多数用户界面系统（例如BLUI）都使用Chromium嵌入式框架，这意味着您可以获得所有网络功能，包括有趣的WebAudio、WebRTC、Web Sockets等等！ 这就像在引擎中运行一个迷你浏览器。 您可以灵活地使用网页来创建用户界面。 甚至还有一个远程调试器，可以让您查看引擎中的界面元素，就像在 Google 的 Chrome 浏览器中查看网页一样！
使用 HTML 开发用户界面的最大好处是您无需学习任何新知识即可创建一些简单、有吸引力的主菜单效果。 如果您的团队中有网页开发人员和设计师，您可以将这部分工作交给他们。 这个插件对他们的使用非常有利。 这意味着团队可以比传统界面构建程序更快地制作界面原型，因此您可以快速获得工作原型。
上面的视频展示了如果用户界面系统基于 HTML/Web，如何在用户界面系统中快速应用内容更改。 无需编译，无需构建，只需保存并运行。 您甚至可以使用蓝图刷新页面以查看更改，而无需停止模拟。
大多数库都与浏览器保持某种通信。 BLUI 允许通过 C++ 调用或蓝图节点调用来执行 JavaScript。 同样，您可以绑定来自浏览器的事件游戏素材，然后调用 JavaScript 中的特殊本机方法将数据发送回引擎。 您甚至可以直接控制游戏场景中的对象：
有趣的内容
将网络技术与虚幻引擎相结合可以产生一些非常有趣的想法。 通过使用 Node.js，您可以设置跨平台且仅需要单个客户端（网页）的会话。 游戏中和浏览器中的用户可以查看相同的对话并与游戏世界中的玩家交谈。
您还可以使用现有工具创建流畅的动画菜单。 我强烈推荐使用 Adobe Edge Animate。 使用 Edge 等工具可以让您制作用户界面并将其快速连接到您的游戏。 它还允许您在引擎之外测试部分用户界面，这意味着您可以让开发人员和设计人员比以前更快地运行它。
终极技巧
如果您想使用 HTML 创建用户界面html5游戏引擎，以下是我的一些想法：
BLUI 仍在开发中，但我最近成为了虚幻开发者资助金获得者！ 我将继续努力确保 BLUI 更加简单并与尽可能多的平台兼容。
文章来源:https://www.unrealengine.com/zh-CN/blog/blui-html-meets-unreal
