从Javascript中调用Processing.js函数？

因此，我一直在研究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”的警报消息，这不是我想要的。我做错了什么？（也许更好的问题是，“我做得对吗？”）

从这里开始，体验：

在实例化处理实例时，您需要创建一个传递到该实例中的函数，并且该函数至少需要重写processing 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编写processing，然后将其绑定到画布上。它最终变得更加简洁。您甚至可以使用处理内部类！对于我的网站来说，这一点我发现得有点晚了，它有一个很好的例子，可以在工作中处理.js(http://www.rfinz.me)

第一件事。停止使用alert，学会使用开发者控制台，然后过上幸福长寿的生活。这两者是齐头并进的吗？我将切换到

console.log

then.：）只要不要自己速记

函数print（txt）{if（window.console）{console.log（txt）；}}

并期望它在调用打印对话框时不会出现。真实的故事。一切都按计划进行了吗？我在复制和粘贴的地方有一些打字错误……我还没有整合它，但这在我要做的事情列表中是很重要的。：）不过，这看起来是对的，没有其他人回答，所以我接受了，尽管我还没有让它工作。