Question

我在Processing中创建了一个游戏，我需要将该游戏嵌入到我的最后一年项目的网站页面中。它是一个太空入侵者游戏，有3个班级（不知道这可能是问题）。

我在线学习了很多教程并尝试使用JS库，但它没有用。我得到的只是一个灰色方块的空白页面。

有人可以帮忙吗？

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

<canvas id="myCanvas" 
        width="1000" 
        height="400" 
        style="border:1px solid #000000;"
        dataprocessingsources="maths_game/Programming_Assignment/Programming_Assignment.pde">
</canvas>

The result that I get

Answer 1

您无法直接嵌入Processing，因为Processing是Java，无法嵌入到网站中。

您可以使用Processing.js将处理代码移植到JavaScript，JavaScript可以嵌入到网站中。请参阅Processing.js上的this tutorial。

请注意，这意味着您无法在代码中使用任何Java库或任何特定于Java的内容。另请注意，P5.js是完全不同的东西。您可以阅读不同版本的Processing here。

你也应养成查看developer tools的习惯。您收到的任何错误都会显示在那里。我的猜测是你在代码中使用特定于Java的东西，或者你没有正确加载东西。

如果您仍然无法使其正常运行，请发布一个示例网页的链接，该网页嵌入了一个简化的处理草图，显示了您所看到的相同错误。

Answer 2

如果您的Processing sketch包含多个classes / pde文件，那么您应该在data-processing-sources标记中提及所有这些（而不是“dataprocessingsources”）。

e.g。

<canvas id="myCanvas" data-processing-sources="file1.pde file2.pde"></canvas>

为什么我不能将处理文件嵌入我的网站？

2 个答案: