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

Question

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

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

如果我可以从目标画布中获取 WebGL 上下文，则此方法对我来说很好，但由于某些奇怪的原因，getContext 方法返回 null。

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

Answer 1

可以从此处指定的实例访问渲染上下文：

来自 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;

然后在这个答案中进行碰撞检测。