webgl相关内容

获取 CPU/GPU/内存信息

我需要获取有关 CPU/GPU/内存的任何信息.核心数、内存值、内存和 CPU 使用率...我找到了一种为 IE 执行此操作的方法:如何使用 JavaScript 查找硬件信息 其他浏览器的解决方案我不知道.知道怎么做吗?也许 webgl 可以访问有关您计算机的信息?或闪光?或任何其他技术? 非常感谢 解决方案 此代码将打印 GPU 信息，并列出您可以使用此浏览器的性能对象获得 ..

发布时间：2021-12-21 10:22:55 javascript memory webgl cpu gpu 前端开发

使用 2D 和 3D 上下文的 Canvas 3D 绘图

由于 webgl/opengl 不支持文本绘制，所以可以使用 3D 上下文绘制 3D 对象，使用 2D 上下文绘制文本吗? 解决方案 不，不幸的是不是. HTML 5 规范 说，如果您在已经位于不同 getContextrel="noreferrer">上下文模式 且两个上下文不兼容则返回null. 不幸的是“webgl"和“2d"画布不兼容，因此你会得到null: var ..

发布时间：2021-12-21 08:46:22 html opengl-es canvas webgl 前端开发

为什么我的画布在转换为图像后变成空白?

我正在尝试转换 此页面上的 canvas 元素 使用以下代码片段转换为 png(例如在 JavaScript 控制台中输入): (function convertCanvasToImage(canvas) {var image = new Image();image.src = canvas.toDataURL("image/png");返回图像；})($$('canvas')[0]); 不幸 ..

发布时间：2021-12-21 08:24:02 javascript canvas webgl 前端开发

使用后如何从 GPU 清理和卸载 WebGL 画布上下文?

如何清理 WebGL 上下文程序并从 GPU 和 dom 元素中卸载程序、缓冲区和所有内容? 我想确保我们没有乱扔垃圾. 如果可能的话，重用画布也会很好(我不知道它是 2d 还是 webgl 上下文). 解决方案 您可以丢失对 gl 上下文、所有 gl 对象和画布的所有引用，并从 DOM 中删除画布.不幸的是，因为 JavaScript 是垃圾收集的，所以不知道浏览器何时会真正 ..

发布时间：2021-12-21 08:23:54 javascript canvas webgl 前端开发

通过 canvas.toDataURL 将画布保存为图像会产生黑色矩形

我正在使用 Pixi.js 并尝试将动画的一帧保存为图像.canvas.toDataUrl 应该可以工作，但我得到的只是一个黑色矩形.查看现场示例此处 我用来提取图像数据并设置图像的代码是: var canvas = $('canvas')[0];var context = canvas.getContext('2d');$('button').click(function() {var ..

发布时间：2021-12-21 08:20:25 javascript canvas html5-canvas webgl pixi.js 前端开发

如何将模型矩阵包含到 VBO 中?

我想发送一个缓冲区列表(到 GPU/顶点着色器)，其中包含有关顶点位置、世界位置、颜色、比例和旋转的信息. 如果我的每个 3D 对象在矩阵中都有与变换相关的信息，我如何通过 VBO(s)将这个矩阵数组(除了其他顶点数据)传递给 GPU? 已更新请原谅任何错别字: //绑定 &设置顶点.gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);gl.ve ..

发布时间：2021-12-19 18:38:35 opengl opengl-es webgl vbo vertex-buffer 其他开发

OpenGL 和 WebGL 之间的 Alpha 渲染差异

我正在使用完全相同的 C++ 代码渲染相同的场景，一次是在 Windows 上的原生 OpenGL，一次是使用 Emscripten 到 WebGL.场景中的所有内容看起来都完全相同，除非我使用 alpha != 1.0 渲染某些内容.区别如下: 蓝色立方体颜色为(0.0, 0.0, 1.0, 0.5) 用于渲染立方体的着色器除了绘制颜色之外什么都不做. 右边是它在 OpenGL 下的样 ..

发布时间：2021-12-19 17:49:53 c++ opengl webgl emscripten C/C++开发

检测WebGL支持的正确方法?

我正在尝试跨多个浏览器检测 WebGL 支持，但我遇到了以下情况.当前版本的 Firefox 似乎使用以下检查报告了积极的支持，即使访问者的视频卡被列入黑名单和/或 WebGL 被禁用: if (window.WebGLRenderingContext) {//这在某些情况下在 Firefox 中是正确的，//即使禁用了 WebGL...} 我已尝试指导我的用户使用以下步骤启用 WebGL.这 ..

发布时间：2021-12-19 13:42:27 javascript jquery firefox cross-browser webgl 前端开发

Canvas toDataURL() 返回空白图像

我正在使用 glfx.js 来编辑我的图像，但是当我尝试获取该图像的数据时使用 toDataURL() 函数我得到一个空白图像(宽度与原始图像大小相同). 奇怪的是，在 Chrome 中，脚本运行完美. 我想说的是使用 onload 事件在 canvas 中加载图像: img.onload = function(){尝试 {画布 = fx.canvas();}赶上(e){警报(e) ..

发布时间：2021-12-19 13:21:50 javascript firefox canvas webgl todataurl 前端开发

试图理解 WebGL 中透视矩阵背后的数学原理

WebGL 的所有矩阵库都有某种perspective 函数，您可以调用该函数来获取场景的透视矩阵. 例如，perspective 方法"noreferrer">mat4.js 文件是 gl-matrix 的一部分，其编码如下: mat4.perspective = function (out,fovy,aspect,near,far){var f = 1.0/Math.tan(fovy/2) ..

发布时间：2021-12-19 08:29:31 math matrix opengl-es webgl perspectivecamera 其他开发

在 WebGL 中，属性、统一变量和可变变量之间有什么区别?

在比较这些不同的类型或这些东西是如何工作的时候，我能想到一个类比吗? 另外，统一矩阵是什么意思? 解决方案 直接复制自http://www.lighthouse3d.com/tutorials/glsl-tutorial/data-types-and-variables/.实际网站有更详细的信息，值得一看. 变量限定符 限定符赋予变量特殊的含义.下列预选赛可用: c ..

发布时间：2021-12-19 08:26:06 variables types matrix webgl 其他开发

如何在 Ubuntu 的无头 chrome 中启用 WebGL?

如何在 Ubuntu 14 的无头 chrome 中启用 webgl 或安装 webgl?我尝试安装 libosmesa6，但没有帮助. 有人能指出我正确的方向吗? 我想使用 webgl 来处理无头 chrome 和 selenium 测试?我正在使用 nightwatch 来运行测试. 解决方案 这对我让 chrome 使用 osmesa 很有用 sudo apt-get ..

发布时间：2021-12-12 12:15:48 selenium ubuntu webgl ubuntu-14.04 nightwatch.js 其他开发

如何编写基于网络的音乐可视化工具?

我正在尝试寻找构建音乐可视化工具以在网络浏览器中运行的最佳方法.Unity 是一个选项，但我需要构建一个自定义音频导入/分析插件来获取最终用户的声音输出.Quartz 可以满足我的需求，但只能在 Mac/Safari 上运行.WebGL 似乎还没有准备好.Raphael 主要是 2D 的，仍然存在获取用户声音的问题......有什么想法吗?以前有人这样做过吗? 解决方案 WebGL “尚未 ..

发布时间：2021-12-11 16:49:47 unity3d webgl raphael visualization quartz-graphics 其他开发

对象的着色器线框

我想看到一个没有对角线的对象的线框 目前，我根据顶点添加线，问题是在我有几个之后我遇到了严重的性能下降. 示例此处要么对我的 Three 版本来说太新，要么不起作用(我在那里评论过). 所以我想尝试实现一个着色器. 我尝试使用这个着色器:https://stackoverflow.com/a/31610464/4279201但它坏了零件的形状，我收到 WebGL 错误. ..

发布时间：2021-11-30 19:30:19 three.js webgl shader fragment-shader autodesk-viewer 其他开发

Three.js 无法加载纹理

我有一个带有增强现实的 Three.js 项目，现在我尝试加载一个带有纹理的模型.出于某种原因，我的模型是黑色的，我没有纹理.我检查了搅拌机中的框以导出图像，我还在 t-rex(我正在使用的模型)的 .js 文件中看到它列出了纹理，但我的应用程序不会加载它. 编辑(添加代码)我用来加载模型的代码: new THREE.JSONLoader().load("models/trex.json" ..

发布时间：2021-11-30 17:04:55 webgl three.js augmented-reality 其他开发

Canvas/WebGL 2D tilemap 网格工件

我正在创建一个简单的 2D 网页游戏，可以与您的典型瓷砖地图和精灵配合使用. 问题在于我想要平滑的相机控制，包括平移和缩放(缩放). 我尝试同时使用 Canvas 2D API 和 WebGL，在两者中我都无法避免网格线失真，同时还支持正确缩放. 如果重要的话，我所有的图块的大小都是 1，并缩放到任何需要的大小，它们的所有坐标都是整数，我使用的是纹理图集. 这是使用我的 W ..

发布时间：2021-11-26 13:27:59 html5-canvas 2d webgl 其他开发

我在 Three.js 中的 SpotLights 和阴影做错了

我有一个非常简单的场景，其中有一个 .dae 网格，网格下方有一个 7000*7000 的平面.我希望它被一个高的 SpotLight 照亮，这样网格就会在地面上投下阴影.但是，好像有什么东西坏了！无论我把 SpotLight 放多高，它都不会点亮飞机！此外，它只会稍微点亮网格，而它位于一个小正方形(周长)中. 你可以在这里看到情况: 只要我移动网格(怪物)，它就不会再亮起来. ..

发布时间：2021-11-25 04:52:07 javascript 3d webgl shadow three.js 前端开发

在 WebGL 中绘制 3D 形状的第一步

我从几周开始学习 WebGL，但在绘制一些 3D 形状时遇到了问题.猜猜我正在正确计算顶点和索引，以及每个三角形的颜色，但它不起作用.有人能告诉我我做错了什么吗?我想做金字塔，它看起来像: 这是代码: var gl = null,画布 = 空，glProgram = 空，片段着色器 = 空，顶点着色器 = 空；var 坐标数组 = [ ],三角形顶点颜色 = [ ],顶点数组 = [ ..

发布时间：2021-11-25 04:44:33 javascript 3d webgl 前端开发

我在 Three.js 中的 SpotLights 和阴影做错了

我有一个非常简单的场景，其中有一个 .dae 网格，网格下方有一个 7000*7000 的平面.我希望它被一个高的 SpotLight 照亮，这样网格就会在地面上投下阴影.但是，好像有什么东西坏了！无论我把 SpotLight 放多高，它都不会点亮飞机！此外，它只会稍微点亮网格，而它位于一个小正方形(周长)中. 你可以在这里看到情况: 只要我移动网格(怪物)，它就不会再亮起来. ..

发布时间：2021-11-25 04:43:26 javascript 3d webgl shadow three.js 前端开发

原生 WebGL 粒子系统不透明度问题

我正在尝试渲染纹理粒子，但我遇到了问题.纹理的透明像素对渲染做了一件奇怪的事情.看起来离(相机)最近的粒子根本没有渲染.但并非总是如此，其中一些正在渲染并且看起来很预期.我试图尝试使用深度和混合选项，但没有结果. 也许可以通过修改这部分代码找到解决方案. gl.enable(gl.DEPTH_TEST);gl.enable(gl.BLEND);gl.blendFunc(gl.SRC_ALP ..

发布时间：2021-11-25 04:38:19 javascript graphics opengl-es 3d webgl 前端开发