javascript - 在纯 javascript 中使用 processing.js 时为 3d Canvas 导入 processing.webgl

Question

我想在 processing.js 中使用一些 3D 形状。

我知道如果我使用处理“语言”我可以

import processing.webgl.*

编译器会忽略 import 语句。

但是我目前正在使用纯 JavaScript 编写代码，我不清楚如何执行此操作。

有人能帮忙吗？

编辑

为了更准确地说明我的问题，我的设置函数如下所示:

p.setup = function() {
    p.size(100, 100, P3D);
} 

And I receive P3D is undefined

Answer 1

Processing vs. 中绘制 3D 形状的过程Processing.js 几乎相同。如果您仅在 Processing.js 中进行开发，则无需导入任何内容。相反，在调用 size 时只需传递 P3D、OPENGL 或 WEBGL:

void setup(){
  size(100, 100, P3D); // Can also be OPENGL or WEBGL
  translate(width/2, height/2);
  box(20);
}

编辑

这是一些在纯 JavaScript 中使用 Processing.js 的 HTML(我的代码来自:http://js.processing.org/learning)

<script src="processing.js"></script>

<canvas id="cvs"></canvas>

<script>
function sketchProc(p) {
  // It makes more sense to use WEBGL if only developing in JavaScript
  p.size(100, 100, p.WEBGL);
  p.translate(p.width/2, p.height/2);
  p.box(20);
}

var canvas = document.getElementById("cvs");
var pjs = new Processing(canvas, sketchProc);
</script>