如何将我的HTML5 / javascript游戏添加到我的预制网站

Question

首先，这是我第一次进行游戏开发，而且我不知道制作游戏的正常流程，更不用说浏览器游戏了。

我的游戏使用html和javascript的移相器框架。 这是一个基于2D空间冲击游戏的简单游戏。 我能够在只有head，title和body标签的空html网站上运行游戏。

这是将我的游戏插入空白html网站的代码。 游戏在另一个文件中，我在这行代码中插入了该文件。

<script type="text/javascript" src="game.js" type="text/javascript"></script>

但是当我尝试将其添加到预制网站时，它不会显示。 我有什么想念的吗？ 是否需要将其放入iFrame？ 但我知道相位器建立在画布上。

Answer 1

我发现将我的所有游戏文件上传到一个单独的不需要的页面（例如http://example.org/gamefiles/mygame ）是最简单的，并确保它首先可以在那里工作。 然后在要显示它的页面上使用iframe。 我发现在它上面加上包装材料也有助于样式设计，但这只是我个人的喜好。

<div class="iframe-wrapper">
<iframe src="http://example.org/gamefiles/mygame/">
</div>

这样，您的标记看起来会更干净一些，并且一旦游戏在单独的页面上运行，您就不必担心修复任何断开的链接。