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

Question

我正在尝试通过webgl在3D渲染中处理Processing.js中的对象，但是没有找到任何允许我这样做的方法。

我知道在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中进行碰撞检测。