是否有可能在谷歌應用腳本中使用p5.js庫

我試圖從谷歌應用腳本訪問p5.js庫。下面是我嘗試過的doGet（）函數。我做錯了嗎？或者，當使用應用程序腳本時，此庫無法訪問？是否有可能在谷歌應用腳本中使用p5.js庫

function doGet() { eval(UrlFetchApp.fetch('https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js', Object).getContentText()); 

return HtmlService.createHtmlOutputFromFile('index'); 
}

我也試着通過去除對象參數這樣更新代碼：

function doGet() { 
eval(UrlFetchApp.fetch('https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js').getContentText()); 
     return HtmlService.createHtmlOutputFromFile('index'); 
    }

但我仍然得到一個錯誤。

SyntaxError：之後缺少名稱。運營商。

更新：我從下面試過馬里奧的代碼。它修復了第一個錯誤。但現在我正在嘗試創建一個畫布，而我所看到的只是一個空白頁面。沒有錯誤列出。以下是代碼現在的樣子。

doget.gs

function doGet() { 
    var template = HtmlService.createTemplateFromFile("demo"); 
    return template.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME); 
}

sketch.gs

function setup() { 
    createCanvas(400,600); 
} 

function draw() { 
    background(100); 
}

demo.html

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js"></script> 
    <script src="sketch.gs"></script> 
</head> 
<body> 
</body> 
</html>

來源

2017-10-11 GMath314

執行此操作時，會發生什麼的谷歌文檔？你有錯誤信息嗎？ –

它說，「不好的價值」 – GMath314

首先，必須創建一個新的文件，並把你所有的HTML代碼的JavaScript你想用。

demo.html

<html> 
<head> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js"></script> 
    <?!= include('sketch'); ?> 
</head> 
<body> 
</body> 
</html>

sketch.html

<script> 
function setup() { 
    createCanvas(400,600); 
} 

function draw() { 
    background(100); 
} 
</script>

在Appsscript文件code.gs.

然後這個創建的谷歌Apps腳本代碼和HTML混合製作動態網頁

function doGet() { 
    var template = HtmlService.createTemplateFromFile("demo"); 
    return template.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME); 
} 

function include(filename) { 
    return HtmlService.createHtmlOutputFromFile(filename) 
     .getContent(); 
}

這裏是HTML服務 https://developers.google.com/apps-script/guides/html/templates

來源

2017-10-11 19:40:39

請解釋這段代碼的作用，以及它爲什麼是正確的答案，而不是僅僅傾銷不明原因的代碼。 –

馬里奧的代碼修復了第一個錯誤。但現在我只看到一個空白頁面。沒有畫布。我更新了原始文章中的代碼，以展示我迄今爲止的內容。它不會返回任何錯誤。只有一個空白的屏幕。 – GMath314

哇！這很有道理！謝謝，馬里奧！你是男人！ – GMath314

是否有可能在谷歌應用腳​​本中使用p5.js庫

回答

相關問題

是否有可能在谷歌應用腳本中使用p5.js庫