Question

所以，我一直在研究Processing.js库/语言。我最近下载了它，不幸的是，它立即被混淆了。我只是想看看我是否可以从我的Javascript代码中调用Processing.js函数和对象。这就是我想要做的事情：

var p = new Processing(document.getElementById("canvas"));

var orange = new p.color(204, 102, 0);
var blue = new p.color(0, 102, 153);
var orangeblueoverlay = p.blendColor(orange, blue, p.OVERLAY);

console.log(orangeblueoverlay);

虽然上面的代码没有给我任何错误，但它的行为并不像预期的那样。我收到一条包含'0'的警告消息，这不是我想要的。我究竟做错了什么？（也许更好的问题是，“我做对了吗？”）

Answer 1

从这里开始体验：http://processingjs.org/articles/jsQuickStart.html

您需要创建一个函数，以便在实例化时传递到您的处理实例中，并且该函数最低限度需要覆盖处理setup（）函数或draw（）函数。

function sketchProc(processing) {
  processing.draw = function(){
  //in here is where you can drop your code. setup() runs once, draw() will run
  //continuously
  var orange = new processing.color(204, 102, 0);
  var blue = new processing.color(0, 102, 153);
  var orangeblueoverlay = processing.blendColor(orange, blue, processing.OVERLAY);

  console.log(orangeblueoverlay);

 };

 }

然后像这样创建你的处理实例：

var p = new Processing(document.getElementById("canvas"),sketchProc);

所有输入都是，我更喜欢用处理编写处理，然后将它绑定到画布。它最终变得更加简洁。你甚至可以使用Processing内部类！这是我发现我的网站有点太晚了，这有一个处理工作的好例子......（http://www.rfinz.me）

从Javascript中调用Processing.js函数？

1 个答案: