在3d场景中使用processing.js进行对象选择

Question

我正在尝试通过webgl在Processing.js中对3d渲染进行对象选择，但没有找到任何允许我这样做的方法。

我知道在OpenGL中，您可以将渲染模式更改为GL_SELECT，命名并渲染每个对象，然后找到光标下的对象的名称。

如果我可以从目标画布中获取WebGL上下文，那么这个方法对我来说已经很好用了，但是由于某种奇怪的原因，getContext方法返回null。

有没有一种方法可以从Processing.js获得渲染上下文并应用我提到的方法，或者Processing.js本身有更好的方法？

Answer 1

可以按照指定的here从实例访问呈现上下文

来自JavaScript：

var p = Processing.instances[0];
var context = p.externals.context;
var p2 = Processing.getInstanceById('canvas-id');
var p2Canvas = p2.externals.canvas;

在处理过程中：

var currentContext = externals.context;

然后是this answer中的碰撞检测。