webgl 相关问题

WebGL扩展了HTML canvas元素的功能,允许它在任何兼容的Web浏览器中呈现加速图形。 **除非问题是关于WebGL API功能的,否则请勿使用此标记标记有关3D库(如THREE.js)的问题。 **请勿使用此标签标记UNITY WEBGL的问题!! **

用于音乐可视化的顶点着色器与像素着色器性能相比? [关闭]

我想知道什么更适合音乐可视化,顶点或像素着色器,特别是在性能方面。我尝试使用像shadertoy.com上显示的像素着色器...

回答 1 投票 2

在vanilla wegl中将定向光添加到变换立方体

如何将方向灯添加到webGL中的变换多维数据集。我知道它需要法线并且我已经将它们添加到片段中(我已将它们评论出来)它还需要在顶点中进行一些数学运算...

回答 1 投票 2

使用动画几何体向背景添加背景渐变?

前言:我跑过的这张鼓舞人心的海报展示了趋势渐变:目标:我想制作一个场景,其中我有动画几何和其中一个渐变的背景。 ...

回答 1 投票 0

WebGL插入计算的顶点值

我正在尝试使用WebGL进行基本的理解。我有一个由6个三角形组成的模型,我想创建另外3个三角形,它们共享每个三角形内部的特定点。 ......

回答 1 投票 1

在Web中集成3D模型

我正在尝试在网络上集成3d模型。我不想将我的模型上传到任何第三方网站,并嵌入由Modelo等第三方网站提供的iframe。我确实尝试了一些关于...

回答 1 投票 0

如何在float和vec4,vec3,vec2之间进行转换?

这个问题与这里的问题非常相关(如何将vec4 rgba值转换为浮点数?)。已经有一些与这个问题相关的文章或问题,但我想知道大多数......

回答 3 投票 3

动态创建和销毁Three.js场景而不泄漏内存

让我们说我们有一个带有两个按钮的页面,创建和销毁。当您单击创建此内存测试中的Three.js场景时,下面的动态添加到页面并开始运行。点击销毁......

回答 3 投票 5

基于Three.js中的父/其他对象坐标系保持对象旋转?

我试图保持子对象的旋转与添加到父对象(即相机)之前的旋转相同。我正在使用Three.js的worldToLocal来保持位置,但旋转会发生变化......

回答 1 投票 2

在顶点着色器中计算颜色值?

所以我目前正在使用一些噪声函数来创建一些程序性地形。根据我的理解,我们可以使用一个带有2D矢量并返回浮点数的噪声函数。那我们可以......

回答 1 投票 1

几何对WebGL中最终纹理输出的影响是什么?

更新了关于我的困惑的更多解释(这是非图形开发人员想象渲染过程的方式!)我指定通过两个三角形绘制的2x2 sqaure。我要去 ...

回答 1 投票 0

为什么WebGL比Canvas更快?

如果两者都使用硬件加速(GPU)来执行代码,为什么WebGL比Canvas更快?我的意思是,我想知道为什么在低级别,从代码到处理器的链条。怎么了? ...

回答 2 投票 4

为什么立方体贴图的面标有px,nx,py,ny,pz,nz?

我在WebGL项目中使用立方体贴图,我的同事为我提供了标记为正面,背面,左面,右面,顶部和底部的面部的图像资源。但是,Three.js的示例代码使用图像...

回答 1 投票 3

对于全屏画布,如何确定浏览器客户端大小?

我已经尝试了各种方法来确定浏览器客户区域的物理像素大小,但我在移动设备上得到了非整数结果。例如:window.outerWidth * window ....

回答 3 投票 0

围绕VivaGraph WebGL渲染的问题

我一直在使用VivaGraphs进行网络分析,但我对JavaScript以及特别是SVG和WebGL的概念非常了解。我已经能够使用SVG创建漂亮的网络...

回答 1 投票 1

如何修改此WebGL drawImage等效项,以便它不会清除透明图像下方绘制的像素?

我按照本教程重新创建了用于WebGL的drawImage,但它没有涵盖的一件事是,对于具有透明像素的图像,例如游戏精灵,图像背后的一切......

回答 1 投票 1

在鼠标移动中创建涂抹/液化效果,使用webgl连续动画回原始状态

我试图找到可用于创建涂抹/液化效果的信息或示例,这些效果会持续动画回原始状态。最初我看着使用three.js或pixi ....

回答 1 投票 1

WebGL - 使用网格作为背景图像的蒙版

我用WebGL解决了以下问题:想象一下相机前面的网格。网格实际上没有阴影,但它的“轮廓”作为一个整体用于显示背景图像作为一些......

回答 2 投票 1

Javascript中的GPU并行性变慢

这是一个特定的问题。我最近测试了gpu.js.该库应该通过使用webgl来并行化计算来加速计算。我做了一个快速测试:var gpu = ...

回答 3 投票 3

立方体有两个纹理

/ ** *为纹理框创建缓冲区的类,用WebGL * /类RasterTextureBox渲染它{/ ** *为纹理框创建所有WebGL缓冲区* 6 ------- 7 ...

回答 1 投票 0

GPU是否与CPU交换了Textures?

在HankMoody的评论之后更新这个。我运行了这个,实际上在纹理创建中发生了大约4GB的上下文丢失:总大小= 4001366016 [违规]'...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.