如何将Unity WebGL应用程序置于简单的html页面加载异步？

Question

我在Unity中创建了一个游戏并定期将其导出为WebGL。 此导出附带的index.html页面包含以下代码部分：

脚本定义

<script src="Build/UnityLoader.js"></script>
<script> 
  var gameInstance = UnityLoader.instantiate("gameContainer", "Build/1.0.json");
</script>

并使用该脚本

<div class="gameContainer">
    <div id="gameContainer" style="width: 960px; height: 600px; margin: auto"/>
</div>

在普通的html代码中。

现在我意识到，当我在该页面上放置更多内容时，一切都会冻结，直到游戏加载完毕。 什么是适当的解决方案？ 有一个简单的方法，如何使这个游戏加载异步？

非常感谢您的回答！

Answer 1

不是将其加载到HTML中，而是将其加载到javascript文件中（有几种方法可以在javascript中异步执行此操作，以后我可以google并在需要时使用引用进行编辑）。那样你的HTML和CSS就会加载，你可以拥有某种默认的加载图像/ gif，你的单独的javascript文件可以在它准备就绪时显示你的游戏。