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

标签 javascript webgl processing.js

我正在尝试通过 webgl 在 3D 渲染上的Processing.js 中进行对象选择,但没有找到任何允许我执行此操作的方法。

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

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

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

最佳答案

可以从指定的实例访问渲染上下文 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 .

关于javascript - 在 3D 场景中使用processing.js 选择对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10703614/

相关文章:

php - 云驱动器与云文件(或者我们不应该打扰吗?)

jQuery 选项卡菜单和 WebGL

opengl-es - WebGL - 如何传递无符号字节顶点属性颜色值?

javascript - 使用动画几何体将背景渐变添加到前景?

javascript - Processing.js 哈希表

javascript - 注册要在编辑 View 上加载的 Javascript

javascript - 使用 Rxjs 并行调用同时延迟的请求 block ?

javascript - svg "use"标签显示一个颠倒的 svg 图标

javascript - 在实例模式下使用 p5.sound.js : 'p5.Amplitude() not a constructor'

processing.js - 如何同时运行多个 processing.js 草图