2

我是一名使用可汗学院学习编码的学生，我在那里取得了相当大的进步。在我的大学里，我还学习了一些 HTML、CSS 和 JS。我想知道是否有办法将我的游戏（在可汗学院，用 ProcessingJS 编写）作为离线 HTML 页面玩。

现在，在问这里之前，我已经做了相当多的研究。我尝试了以下方法：

1.这个可汗学院的 HTML 模板。
2.这个模板也是。
3.这个也是Stack Overflow 上的。

使用上述任何模板都会给我一个半生不熟的输出，而且键盘控件似乎不起作用。动画也不是。

提前致谢！

4

2 回答 2

1

无耻的自我推销：我已经写了一个关于部署 Processing.js 的教程，可以在这里找到。

您可以通过下载 Processing.js 库来创建页面的“离线”版本，您可以在此处获取该库。

一旦你有了它，你就可以将该文件加载到一个.html文件中。这是一个示例index.html文件：

<!DOCTYPE html>
<html>
    <head>
        <title>My Sketch</title>
        <script src="processing.js"></script>
    </head>
    <body>
        <script type="application/processing">
            void setup(){
                size(200, 200);
            }

            void draw(){
                background(64);
                ellipse(mouseX, mouseY, 20, 20);
            }
        </script>
        <canvas> </canvas>
    </body>
</html>

在这种情况下，processing.js文件就在文件旁边index.html，并且该<script src="processing.js"></script>行会加载它。然后你可以在你的 JavaScript 中使用 Processing.js。您还可以使用单独的文件.pde或.js文件来包含您的 Processing.js 代码。

还值得注意的是，Khan Academy 和 vanilla Processing.js 之间存在一些细微差别，例如使用弧度与度数。

于 2017-10-24T17:49:21.880 回答
0

实际上，从现在开始，有人为几乎所有可汗学院项目的离线工作开辟了道路……

而那个人就是我，我不是很棒吗？是的，是的。无论如何，只需单击此链接： https ://github.com/prolightHub/KaTemplate

步骤：下载加载它并将其解压缩到您想要的位置。然后重命名index.html中的文件夹和标题。

然后打开js/index.js

并将您的代码放入函数中：

function main()
{
    // Paste your Khan Academy code here
}

createProcessing(main);

打开index.html

这一切都应该工作......有任何问题都可以问我。

于 2019-06-08T21:09:48.320 回答