webgl 相关问题

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

是否可以清除画布并在同一画布上渲染新模型?

我正在使用webgl创建各种游戏,并且第一页是用户可以选择要玩的角色的页面。用户可以选择3种3D模型,然后单击“输入”即可...

回答 1 投票 0

webgl的obj文件中的纹理坐标

[。obj文件具有以下内容:#texcoords vt 0.306641 0.5 vt 0.841797 0.5 vt 0.888672 0.5 vt 0.935547 0.5#顶点v 0 2 0 v 0 2 -4 v 0 6 0 ...#面f 3 / 3/1 2/3/1 1/3/1 f 4/3/1 ...

回答 1 投票 0

为了批量渲染多个性能更高的相似对象,请使用带有“退化三角形”或drawArraysInstanced的drawArrays(TRIANGLE_STRIP)?

MDN指出:更少的较大绘制操作通常会提高性能。如果要绘制1000个精灵,请尝试通过单个drawArrays()或drawElements()调用它。是...

回答 1 投票 0

WebGL警告:drawArraysInstanced:单元0的TEXTURE_2D不完整:“ level_base”的尺寸并不全为正数

我正在尝试在webgl上使用纹理。导入此图像的代码是:var image = new Image(); //创建图像对象image.onload = loadTexture(gl,n,texture,u_Sampler,image);图片......

回答 1 投票 0

使用THREE.js在颜色之间淡入淡出

我在THREE.js中有一个简单的立方体:var cubeMaterial =新的THREE.MeshLambertMaterial({color:0xCC0000}); var cube = new THREE.Mesh(new THREE.CubeGeometry(100,100,100),...

回答 1 投票 1

three.js-将材料添加到OBJ加载程序(WEBGL)

[嗨,我已经尝试了将不同的源代码添加到几何中的源代码,但是如果我添加这样的代码:var material1 = new THREE.MeshBasicMaterial({color:0x00ff00,wireframe:true});我不...

回答 2 投票 0

threejs纹理会导致“ GL错误:GL_INVALID_OPERATION:glDrawElements”

我正在尝试将纹理应用于运行时创建的几何,并从远程服务器读取二进制资产。我创建了分配UV(geometry.faceVertexUvs = uvs;),法线(face ....

回答 1 投票 1

是否可以在webgl中翻转3d模型?

我使用webgl创建了5个3D模型,并将它们放在同一张画布上。这三个模型中有两个面对用户,但是其余的都背向我。我已经将照明用于...

回答 1 投票 0

卡在页面上预加载three.js

我正在尝试实现three.js代码以显示GLTF格式的3d模型,但是我的页面在预加载时卡住了。我想显示一个预加载页面,直到所有文件都加载完毕。请...

回答 1 投票 0

如果顶点着色器中的条件导致Android 10浏览器上出现“没有缓冲区绑定到启用的属性”错误

我遇到了一个奇怪的问题。我使用WebGL在浏览器中渲染地图。除Android 10浏览器外,该平台在所有平台上都可以使用。有一个用于在地图上绘制虚线的着色器。在Android 10上...

回答 1 投票 -1

在WebGL中设置缓冲区数据

我曾在调用bindBuffer const triangleBuffer = context.createBuffer();之前尝试用数据填充缓冲区。 // context.bindBuffer(context.ARRAY_BUFFER,triangleBuffer); context.bufferData(...

回答 1 投票 0

在网络上模拟人体模型上的3D服装

因此,最近我一直在努力寻找最佳的解决方案,基本上,我想要达到的目标是:视频:https://www.youtube.com/watch?v=kCGHXlLR3l8&feature=youtu.be&t = 1057或...

回答 1 投票 0

WebGL:使用不同的程序渲染很多对象

我正在学习WebGL。我制作了一个包含10个三角形的简单场景,当我将三角形的数量增加到1000个时,场景开始冻结。我使用3个着色器和2个程序(用于仿真真实...

回答 1 投票 1

难以在WebGL中实现阴影

[我正在尝试使用本教程https://webgl2fundamentals.org/webgl/lessons/webgl-shadows.html在我的WEBGL 2.0项目中实现阴影。目前,我得到的结果确实很糟糕:...

回答 1 投票 1

在一个WebGL画布中呈现多个视频流

我想问问那些使用JSMPEG的人,如何将其修改为仅将一个WebGL画布用于多个视频流?我正在做这样的事情:const player1 = new JSMpeg.Player(url,{...

回答 1 投票 0

是否可以在已在webgl中着色的对象上插入光?

我有两个蓝色旋转的立方体。我一直在尝试使用点光源来点亮这些立方体,但是颜色变得很奇怪。我觉得这是由于...

回答 1 投票 0

从three.js中的3个顶点渲染平面

我正在尝试将一组3个顶点渲染为一个平面(如图所示)。但是,我尝试过的每种方法(大多来自SO或官方Three.js论坛)都不适合我。 //示例顶点const vert1 = new ...

回答 1 投票 0

Three.js相对于视口的平面边界矩形和近平面裁剪问题

这是WebGL的一般问题,但为清楚起见,我将使用three.js在这里演示我的问题。假设我有一架飞机和一台透视相机。我正在尝试获取边界...

回答 1 投票 0

警告:“活动WebGL上下文过多。最旧的上下文将丢失”(WebGLRenderer.js)

在Autodesk Forge Viewer中,我无法在同一页面上实例化6个以上的查看器(Autodesk.Viewing.ViewingApplication)。我已经尝试过这里提出的无效解决方案:....>

回答 1 投票 0

如何确定活动WebGL上下文的数量?

浏览器对活动WebGL上下文的数量施加了限制。超过限制,浏览器将开始转储较早的上下文。我的理解是每个域都有一个限制,还有一个...

回答 1 投票 0

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