如何使用HTML5设置[processing.js]画布的目录?

时间:2016-12-07 14:25:24

标签: html canvas directory html5-canvas processing.js

所以我有这个项目,实际启动它我需要使用HTML文件制作processing.js画布。当我在Chrome中加载文件时,该页面显示有一个画布,但它不会加载代码。

该文件位于以下位置:E:\Final Project\COLS-1100

HTML文件名为index.html,直接位于此文件夹中。这里还有名为lib和pjs的文件夹。 Pjs保存处理文件game.pde。 Lib拥有processing.js库,名为processing.js

html代码如下所示:

<!--COLS PROJECT-->
<!DOCTYPE html>

<html>
    <head>
        <title>-----------</title>
        <script src="H:\Final Project\COLS-1100\lib\processing.js"></script>
    </head>

        <body>
            <canvas id="gameCanvas" data-processing-sources="\Final Project\COLS-1100\pjs\game.pde"></canvas>
        </body>
    </html>

到目前为止game.pde代码看起来像这样:

void setup() {
    size(400, 400);
    background(100);
};

void loop() {

};

我怀疑我的问题只是我写错了目录。

0 个答案:

没有答案