从Javascript中调用Processing.js函数

Call Processing.js function from within Javascript?

本文关键字：js 函数 Processing 调用 Javascript      更新时间：2023-09-26

所以，我一直在研究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"的提醒消息，这不是我要查找的内容。我做错了什么？（也许更好的问题是，"我做得对吗？"）

从这里和经验：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内部类！对于我的网站来说，我发现这一点有点太晚了，因为我的网站上有一个很好的处理.js的例子。。。(http://www.rfinz.me)

相关文章：