webgl相关内容

如何在WebGL中向片段着色器发送多个纹理?

所以在我的代码的javascript部分,这里是实际发送一个像素数组到顶点和片段着色器的代码片段,但是当我到达那些着色器时,我只能使用1个纹理 - 有没有我一次可以发送两个纹理?如果是的话,我如何在代码的GLSL端抓住他们? if(it> 0 ){ gl.activeTexture(gl.TEXTURE1); gl.bindTexture(gl.TEXTURE_2D,text ..
发布时间:2017-07-12 00:03:55 前端开发

切换画布上下文

假设我有一个WebGL画布(通过调用getContext(“experiment-webgl”))。 有没有办法在上下文中使用“ 2d“一个? 这样的事情的目标是在渲染过程中出现错误时显示一个调试BSOD。 如果不可能,那么: 我可以在画布上嵌入一个html元素,并强制这个元素有就像画布一样(即使最后一次调整大小)? 可以替换一个dom节点,还可以更新有关旧节点的每个引用 ..
发布时间:2017-06-25 04:37:35 前端开发

浏览器刷新不会进行垃圾回收

我已经在所有测试的浏览器上找到了这个 - IE,Firefox,Chrome和Safari在Apple的Window sand Safari上。 据称,浏览器刷新,转发链接应该转储浏览器节点和JavaScript变量和对象等。对于WebGL来说似乎不是这样。在开发需要大约100MB到200MB内存的复杂WebGL应用程序时,我首先注意到了这一点。在开发过程中,我必须做很多的刷新,而我的电脑会 ..
发布时间:2017-06-25 02:26:18 前端开发

有WEBGL手册吗?

有没有一些WebGL手册列出所有功能等?我试过Google,但没有发现任何东西。 解决方案 这两个资源帮助了我很多 Mozilla Devloper页面 ..
发布时间:2017-06-15 21:11:44 其他开发

深度图three.js

有没有办法在three.js中获得深度图? 我有兴趣生产类似于Kinect为给定场景而产生的东西。 我遇到了一种使用没有颜色和灰雾来模仿它的黑客方式,但它不会是理想的,因为它会使用两个不同的场景,并且将变成照明。另一种做法我相信是访问深度缓冲区,但似乎这不能通过three.js访问。 解决方案 没错。尝试使用 MeshDepthMaterial 。 ..
发布时间:2017-05-24 20:52:52 其他开发

使用期货进行异步加载

我决定学习Dart,我的项目将是一个小型的webgl游戏。 使用单线程与aysnc操作和未来是新的 在我的游戏中,我想加载一个webgl GLSL程序。要创建这个程序,我首先要从文件加载一个顶点着色器和一个片段着色器。所以我写了这样似乎工作确定加载和编译着色器。 我有问题是如何知道当两个着色器加载,然后我可以从两个加载的着色器创建“程序”对象。以相同的方式,我可以使用.then对 ..
发布时间:2017-03-11 23:04:35 其他开发语言

如何在WebGL中绘制0-255的离散整数值的渐变,而不为每种颜色创建缓冲区

你好,我使用Dartlang和WebGl写一个神经网络可视化,我的神经元输出范围从0-1。我想使用红色光谱中的255个值的采样深度显示神经元输出作为颜色的函数。我学习了基本的WegGL,我知道我需要绑定一个颜色到一个数组,然后使用GPU程序读取它。我的程序绘制一个神经元的输出接近1的神经元的红色三角形和一个输出接近0的神经元的白色。我的问题是如何绘制与白色和红色之间的值的颜色,而不创建一个gl缓冲 ..
发布时间:2017-03-11 22:25:53 其他开发语言

dart:web_gl:RENDER警告:绑定到纹理单元0的纹理是不可渲染的

我收到错误 [。WebGLRenderingContext] RENDER警告:纹理绑定到纹理单元0是不可渲染的。当我在dartium中运行我的web应用程序时,它可能是非2的幂,并且具有不兼容的纹理过滤或不是'纹理完成'。我一直在试图解决这个问题两天,包括完全重写的代码,但我不能孤立的问题。 我认为问题出在 void main(){ ... var texture = gl. ..
发布时间:2017-03-11 22:19:56 其他开发语言

可以运行/创建3d动画,而不需要在HTML5中的webgl?

我们正在寻找一个解决方案来运行/创建3D动画,以便在没有webgl的设备上使用(办公电脑有视频卡),并且可以在IE8上运行。当然,不会下载任何插件。我们可以运行HTML5 / CSS3,如果我们使用pollyfil如css3pie等。 这是不可能做一个没有webgl支持的设备的3d东西?谢谢。 解决方案 我使用了 three.js 与CanvasRenderer成功连接(请参见画布示 ..
发布时间:2017-02-19 22:55:42 前端开发

three.js正确地混合css3d和webgl

我试图结合webgl和css3d场景,以便两个场景中的对象正确地混合在一起。我遵循这里: ,并通过修改three.js示例css3d_sandbox.html创建了一个简单的示例。 在我的版本中,我已经添加了一个多维数据集到webGl场景,并期望它适当地与现有飞机混合,无论多维数据集是在这些对象的前面还是后面。 我注意到两个异常。第一个是,一旦添加了多维数据集,飞机在平移时会在意 ..
发布时间:2017-02-19 21:16:40 前端开发

iOS Safari使用“-webkit-transform”来耗尽内存。

http://jsfiddle.net/ES4xG/8/ 会导致大多数视网膜设备崩溃。 iOS Safari在使用一些 -webkit-transform 指令时,容易出现内存不足和崩溃。这种方法提供了令人印象深刻的图形,但是,特别是在视网膜显示器,似乎消耗大量的记忆和导致崩溃。 上面的演示显示一个文本显示150次,否则在PC浏览器上正常运行: 字体大小和元素数量被夸大,导致崩溃 ..
发布时间:2017-02-18 21:40:24 移动开发

跨域图像for three.js(canvas / webGL),代理?

我意识到这可能是不可能的...我一直在摸索,尝试不同的东西,没有什么,但我认为这可能值得一个职位,放弃之前... 我把一个使用three.js(webGL)的应用程序放在一起,我想给用户选择输入一个URL到网络上的任何图像,并使用它来纹理一个3D对象在网络应用程序。这将是没有问题,如果不是为整个跨域安全问题。 我知道应该为CORS批准的图像的一些工作, t完全理解这一点,我的印象是,这 ..
发布时间:2017-01-15 17:42:49 Ajax

正确的方法来检测WebGL支持?

我试图检测WebGL支持跨多个浏览器,我遇到了以下情况。即使访问者的视频卡被列入黑名单和/或禁用了WebGL,当前版本的Firefox似乎也会报告积极的支持: if(window.WebGLRenderingContext){ //在某些情况下,这是真的 //即使WebGL被禁用... } 我试着指示我的用户使用以下步骤启用WebGL。这在某些情况下有效,但并不总是 ..
发布时间:2017-01-14 23:13:14 前端开发

PhoneGap 2.2:新桥如何工作?

今年年初,我写了一个实验性PhoneGap插件,名为 WebGLGap 。在理论上,它可以通过转发所有的JS调用到插件代码在PhoneGap应用程序中启用WebGL支持。不幸的是,我放弃了它,因为Javascript和插件之间的桥梁是一个巨大的瓶颈:一切(包括顶点数据)被串入一个巨大的字符串,传递到插件,然后解析回JSON,由本地插件代码读取。显然,这使它很无用。 但是我正在阅读PhoneG ..
发布时间:2017-01-09 12:57:12 前端开发

IOS phonegap应用程序使用webGL

哪个是PhoneGap应用程序的网络视图,是Safari手机还是桌面版? 是否可以在PhoneGap应用程序中使用WebGL?如果没有,他们使用他们能够提交应用程序到苹果商店和Android商店 我可以提交到苹果商店一个PhoneGap应用程序使用WebGL? 解决方案 更新: iOS 8带来了WebGL支持在UIWebView和WKWebView,所以如果你不想支持以前 ..
发布时间:2017-01-07 23:31:53 移动开发

在Delphi中创建NPAPI插件并使用javascript访问导出的API

我已经找到一个有用的Billards物理库在Borland delphi为我的爱好项目。代码是面向对象的(在Object pascal中)。我想在Chrome浏览器中使用webGL(javascript)来可视化它。 这个想法是,我应该从javascript中调用一个将从delphi访问接口的调用lib并给我在相应的数组中的新的位置,旋转和缩放值。 为此我想开发一个NPAPI lib ..
发布时间:2016-12-18 19:53:45 前端开发

创建一个平面网格,用点定义颜色

我创建了约2500个网格,并使用定义每个网格的颜色的算法。该算法遍历所有网格,并根据其与每个“红色起点”点的距离添加一个值。 这是结果: 这是滞后的,角落不光滑。我想用一些其他方式重现相同的颜色结果,但不能弄清楚如何。如何使用THREE.Shape和FragmentShader? 最终目标说明: 使用一个,增加FPS,网格(THREE.Shape), 定义要着色的区域。 ..
发布时间:2016-12-18 00:48:29 前端开发

将WebGL不连续的行作为单个对象

我有多个WebGL线来渲染,他们都有相同的渲染风格。因此,为了性能,我想在一个绘图调用中将它们都渲染为一个单独的对象。 但是问题是,这些行并不都连接到每个其他。 请参见示例: http:// jsfiddle.net/b6jgS/6/ 正如你可以看到戒指连接,但我不想要他们。 相关代码是这样的,它只是为一些环产生一些几何形状: #弃用咖啡豆! ringsGeom ..
发布时间:2016-12-14 19:06:06 前端开发