【WebGL / Javascript:具有多个对象的对象转换】教程文章相关的互联网学习教程文章

WebGL / Javascript:具有多个对象的对象转换【代码】

我想绘制几个对象,然后通过选择具有键盘索引的特定对象来转换它们.我们说1-5. >我装了画布.>我初始化了webgl-context.>我定义了顶点/片段着色器并将它们绑定到我“使用”的程序(gl.useProgram(“program”)). 然后我初始化了一个VertexBuffer(它是一个自己的函数).我在那里定义了一个立方体的顶点并绑定了该缓冲区.在同一个函数中,我定义了我的锥顶点,并将其绑定到不同的缓冲区. 问题是,我如何制作不同的物体,我可以单独转换?我的...

javascript – 我们如何在webgl中的两个画布中显示相同的对象?【代码】

我在一个情况下,我有两个画布,我想在两个画布中显示相同的对象(事实上我必须在每个画布中显示不同的对象,但我想从两个中显示相同的对象开始),但我我不能这样做, 有人可以请我这样做吗? 我尝试这样做是:(我有两个灰色的画布(帆布和帆布2),它在两者中都显示多个方块,但它只显示一个),如何在两者中显示. 我的代码是:<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head><script class="WebGL">var gl,gl...

javascript-为webgl中的每个对象使用不同的顶点和片段着色器【代码】

我在webgl中有一个包含多个对象的场景.对于每个对象,我想使用不同的顶点和片段着色器.我的第一个问题是,是否可以为每个对象设置一个着色器?我知道在opengl中是可能的. 这就是我所想到的类似的伪代码.任何示例将不胜感激.glenableshader draw triangle gldisableshaderglenableshader draw square gldisableshader谢谢解决方法:您几乎可以查找任何WebGL示例并将其转换为多个着色器示例. 伪代码// At init time for each shader pro...

javascript – WebGL:如何在一些web gl 3d对象上绘制交互式div(如文本输入)并仍然是交互式的?

所以我看了https://github.com/mrdoob/three.js/个样本,但我认为没有办法将html交互式表单(带有css和东西)绘制到一些web gl对象上……所以任何人都可以提供一个如何在一个球体上绘制一些交互式html输入表单的示例还是立方体? 更新: 实际上有一个非常好的样本与视频示例http://mrdoob.github.com/three.js/examples/canvas_materials_video.html 所以有可能在一些真实的世界html div上尝试它的风格……解决方法:好吧,你不能只放一...