在纯javascript中使用processing.js时导入3d canvas的processing.webgl

Question

我想在processing.js。

中使用一些3D形状

我看到如果我使用处理'语言'我就可以

import processing.webgl.*

编译器会忽略import语句。

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

任何人都可以帮忙吗？

修改

为了更准确地解决我的问题，我的设置功能看起来像这样：

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

  

我收到的P3D未定义

Answer 1

在处理v.s中绘制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>

Answer 2

所以我需要做的就是改变我的size()电话，看起来像这样：

p.size(100, 100, p.P3D);

我需要通过处理对象P3D访问p.P3D常量。