如何使用 GAS 中的 p5.js 庫引用特定的 Google 表格單元格

Question

我正在嘗試使用 GAS 根據谷歌表格中的值進行生成藝術（理論上，我可以更新並讓腳本改變藝術）。 但是，我遇到了如何在我的腳本中引用特定單元格內容的問題，特別是在 p5.js 庫的繪圖 function 中，我在 html 文件中引用它。

這是我當前的代碼

 const MAX_HEIGHT = 600; const MAX_WIDTH = 600; const STEP = 16; function setup(){ createCanvas(MAX_HEIGHT, MAX_WIDTH); stroke(169, 251, 215); background('grey'); strokeWeight(2); noLoop(); var numb; var add; var val = SpreadsheetApp.openById("1CLdlLWU8RwkYaRj6rpE7avxRCODmNh9fxLqADEGQ22k").getSheetByName("Sheet3").getRange("A1:A1"); var x = val.getValue(); } function draw(){ let numb = 30; let add = numb + 70; triangle(x, 250, add, 190, numb, 50); }

 <.DOCTYPE html> <html> <head> <title>P5:js Example</title> <script src="https.//cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js"></script> <script src="sketch.gs"></script> </head> <body> </body> </html>

這是我的 doGet function：

 function doGet() { var template = HtmlService.createTemplateFromFile("index.html"); return template.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME); } function include(filename) { return HtmlService.createHtmlOutputFromFile(filename).getContent(); }

有人可以向我解釋我做錯了什么嗎？ 調試控制台不斷發現 var 和 x 都是未定義的，我不知道為什么。

Answer 1

嘗試這個：

js：

</script>
const MAX_HEIGHT = 600;
const MAX_WIDTH = 600;
const STEP = 16;
var x;
function setup() {
  createCanvas(MAX_HEIGHT, MAX_WIDTH);
  stroke(169, 251, 215);
  background('grey');
  strokeWeight(2);
  noLoop();
  var numb;
  var add;
  google.script.return
  .withSuccessHandler(v => x=v;)
  .getXValue();
}
</script>

GS：

function getXValue() {
  return SpreadsheetApp.getActive().getSheetByName("Sheet3").getRange("A1").getValue();
}

在 function 之后立即執行任何操作都要小心，因為在發出命令和完成命令之間需要一些時間。

如何使用 GAS 中的 p5.js 庫引用特定的 Google 表格單元格

問題描述

1 個解決方案

解決方案1
1 2021-04-27 19:08:19

如何使用 GAS 中的 p5.js 庫引用特定的 Google 表格單元格

問題描述

1 個解決方案

解決方案1 1 2021-04-27 19:08:19

解決方案1
1 2021-04-27 19:08:19