在 3D 场景中处理.js对象选择

Object selection with processing.js in 3d scenes

本文关键字:js 对象 选择 处理 3D      更新时间:2023-09-26

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

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

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

有没有办法从处理中获取渲染上下文.js并应用我提到的方法,或者处理本身是否有更好的方法.js?

可以从实例访问渲染上下文,如下所示:

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

然后是碰撞检测,如这个答案所示。