如何使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 文件可以在游戏准备就绪时显示您的游戏。