Googleアプリスクリプトでp5.jsライブラリを使用することは可能ですか

Googleアプリスクリプトからp5.jsライブラリにアクセスしようとしています。以下は私が試したdoGet（）関数です。私はそれを間違っているのですか？または、このライブラリは、アプリケーションスクリプトを使用してアクセスできないですか？ Googleアプリスクリプトで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

まず、新しいファイルを作成し、JavaScriptを使用して、すべてのHTMLコードを置く必要がありますあなたは使いたい。あなたのAppsscriptファイルcode.gs.で次に

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>

これは、動的なページ

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

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

を生成するには、Google AppsスクリプトコードとHTMLのミックスを作成ここではHTMLサービスのGoogleのドキュメントは、あなたがこれを行うとどうなり https://developers.google.com/apps-script/guides/html/templates

出典

2017-10-11 19:40:39

説明できないコードをダンプするのではなく、このコードが何をしているのか、それが正解である理由を説明してください。 –

マリオのコードが最初のエラーを修正しました。しかし、今私は空白のページが表示されます。キャンバスはありません。元の投稿のコードを更新して、これまでの記事を表示します。エラーは返されません。空白の画面のみ。 – GMath314

うわー！それは完璧な意味合いです！ありがとう、マリオ！あなたは男です！ – GMath314

Googleアプリスクリプトでp5.jsライブラリを使用することは可能ですか

答えて

関連する問題