webgl

1热度

1回答

了解如何在算法绘制成形函数的bookofshaders一章中设置颜色数学的工作原理？

book of shaders有十几个例子，他们设置颜色以复杂的方式 color = (1.0-pct)*color+pct*vec3(0.0,1.0,0.0); 问题：什么他们PCT代表呢，你觉得呢？为什么数学减1 (1.0-pct)？为什么按颜色加上pct color+pct？你如何乘以一个数字和一个向量x*vec3(0.0,1.0,0.0);？为什么数学乘数和矢量？完整代码示

1热度

1回答

WebGL在Chrome更新后不可用

当前我使用云桌面Citrix系统不带GPU。 webGL适用于Chrome48。但是，当Chrome浏览器更新至58.0.3029.110后，WebGL不可用。有什么建议吗？非常感谢！它（铬：// GPU /）说：图形功能状态帆布：只有软件，硬件加速不可用闪光灯：软件而已，硬件加速不可用闪光的Stage3D：软件而已，硬件加速不可用闪存的Stage3D Baseline Pro

2热度

1回答

片段着色器中纹理的边缘/轮廓检测

我试图从WebGL中的纹理显示清晰的轮廓。我将纹理传递给我的片段着色器，然后使用局部衍生物显示轮廓/轮廓，但是，如我所期望的那样，它不光滑。只需打印纹理不处理按预期工作： vec2 texc = vec2(((vProjectedCoords.x/vProjectedCoords.w) + 1.0)/2.0, ((vProjectedCoords.y/vProjectedCoor

0热度

1回答

WEBGL_shared_resources chrome中的扩展

我试图使用WEBGL_shared_resources扩展在铬58. 我检查它是否支持此代码，我得到错误，所以它没有。 <canvas id="myCanvas1" width = "1250" height = "600"></canvas> var Canvas1 = document.getElementById('myCanvas1'); ctx1 = Canvas1

0热度

1回答

在我的WebGL代码中找不到错误

我尝试学习WebGL。我阅读本教程https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL 但为了更好地学习，我编写了自己的代码，而不是从教程中复制代码。我已经在此处上传了我的代码https://github.com/Azaravicius/GL

0热度

1回答

停止一个很长的webgl进程，从chrome冻结

在webgl中，长时间运行的glsl代码可以冻结所有的计算机。当浏览shadertoy，一些例子尤其是在全屏模式下已经冻结了我的Mac像这样的： Path Tracer MIS (progressive) 有什么方法来检测着色器是否正在太多，然后从JavaScript的水平自动杀呢？或者这超出了开发人员的范围，需要由浏览器开发人员来处理？另一个问题：有没有一种方法（mac或linux中的插件或

0热度

1回答

应用纹理到旋转气缸

我创造，我旋转的圆柱体，然后更新它的矩阵，像这样： var cyl = new THREE.Mesh(new THREE.CylinderGeometry(10, 10, 100, 16, 1, true), new THREE.MeshBasicMaterial()); cyl.rotateZ(THREE.Math.degToRad(-90)); cyl.updateMatrix(); c

0热度

1回答

当选项卡处于非活动状态时，画布不会重新绘制（WebGL）

我正在构建在线Web应用程序，它在画布上呈现视频，然后使用canvas.captureStream（）和mediaRecorder记录画布。问题是，当用户切换选项卡或最小化窗口时，画布会冻结。我使用webWorkerSetInterval（Hacktimer.js）继续运行我的动画。根据铬，他们还没有提供解决方案https://bugs.chromium.org/p/chromium/issues

0热度

1回答

第一对矫正均匀值

我在读这本书的WebGL新手指南的时候，当它涉及到这是写经keydown事件改变光线方向的代码，为什么我应该使用getUniform： function processKey(ev){ var lightDirection = gl.getUniform(prg, prg.uLightDirection); var incrAzimuth = 10; var incr

0热度

1回答

canvas的setContext未被处理

我想将canvas1的上下文设置为canvas2。我在这里看到 - https://developers.whatwg.org/the-canvas-element.html#dom-canvas-setcontext 该setContext（）支持，但我得到一个未定义函数在铬中的错误。 var canvas1 = document.getElementById("myCanvas1");