在WebGL中，我可以使用矩阵在屏幕空间中绘制对象偏移吗？
在WebGL中，可以使用矩阵在屏幕空间中绘制对象偏移。矩阵在WebGL中被广泛应用于图形变换和投影操作。通过使用矩阵变换，可以对对象进行平移、旋转、缩放等操作，从而实现对象在屏幕空间中的偏移。
在WebGL中，通常使用4x4的矩阵来表示变换操作。可以使用矩阵的乘法运算来组合多个变换操作，从而实现复杂的对象变换。在进行绘制操作时，可以将对象的顶点坐标与变换矩阵相乘，得到变换后的顶点坐标，然后再进行绘制。
矩阵在WebGL中的应用场景非常广泛，可以用于实现对象的平移、旋转、缩放、投影等效果。例如，可以使用矩阵来实现3D场景中的相机视角变换，或者实现2D场景中的图形变换效果。
腾讯云提供了一系列与WebGL相关的产品和服务，例如云服务器、云数据库、云存储等，可以满足不同场景下的需求。具体产品和服务的介绍可以参考腾讯云官方网站的相关页面。
参考链接：
- WebGL官方文档：https://www.khronos.org/webgl/
- 腾讯云产品介绍：https://cloud.tencent.com/product
相关·内容
我想在没有webgl的情况下将一堆3d点渲染成2d画布。我认为剪辑空间和屏幕空间是一回事，相机是用来从3d世界空间转换到2d屏幕空间的，但显然他们不是。 因此在webgl上，当设置gl_Position时，它是在剪辑空间中，稍后该位置被webgl转换为屏幕空间，并设置gl_FragCoord。这个计算是如何进行的，在哪里进行的？ 而相机矩阵和视图投影矩阵与将剪辑空间转换为屏幕空间无关。我可以有一个适合剪辑空间的3d世界空间，而且我不需要使用相机，对吗？ 如果我所有的假设都是真的，我需要学习如何从剪辑空间转换到屏幕空间。下面是我的代码： const uMatrix = mvpMatrix(mo
浏览 23提问于2019-09-15得票数 2
回答已采纳
我用OpenGL ES 2.0和编写了一个简单的程序。该程序使用正交投影矩阵、视图矩阵和模型矩阵在屏幕上任意位置绘制点。在着色器中，我放置矩阵*位置。
所有操作都很好，但是为了测试目的，我尝试自己计算点的位置，所以我使用multiplyMV作为参数，我将MVPmatrix (在投影和视图之间，然后在结果和模型矩阵之间使用multiplyMM获得)和我的观点(例如2f，3.5f，0f，1f)放在一起。问题是，有时我得到的x和/或y的结果大于1或小于-1，尽管屏幕上有这个点。但是在标准化的设备坐标中，点必须在-1到1之间，才能“在屏幕上”。
我真的不明白我的错误在哪里。
浏览 1提问于2018-03-29得票数 0
回答已采纳
我试图使用以下方法绘制3D对象的轮廓：
绘制实际对象
绘制轮廓(多边形的GL_LINEs)，但稍微向后一点。
然而，在3D环境中，使用“将这一点转换到后面”的方法并不能很好地工作，因为投影矩阵有点倾斜。
有没有办法改变投影矩阵，让它把东西放在后面更深一点的地方？我试着改变投影矩阵的z部分，但直到现在才想起投影矩阵并不像普通矩阵那样工作。
我认为glDepthTestOffset的存在将解决所有这些问题。
浏览 4提问于2011-04-27得票数 3
回答已采纳
1回答
将顶点坐标转换为“相同”屏幕坐标
、、、、
我使用Direct3D从一个顶点格式为FVF_XYZ的顶点缓冲区中绘制顶点。
我现在想实现绘制线条的功能。在3D空间中绘制直线时，我将端点投影到2D屏幕空间，并使用我的函数从2D空间绘制直线。我的问题是这个函数。
我的顶点缓冲区包含两个坐标为(0,0,0)和(1,0,0)的顶点。我打算用基本的数学和变换把这条基本的线转换成我的最后一条线。
问题是，当我想要渲染一个顶点到屏幕坐标(0,0)时，例如，我不知道如何设置转换矩阵。
根据我的理解，在将世界、视图和投影矩阵设置为identity时，我应该结束和屏幕坐标(0,0)，但(0,0,0)最终位于屏幕的中心。
我需要如何设置世界矩阵、视图矩阵和投影
浏览 0提问于2013-05-10得票数 1
回答已采纳
我已经读过，为了优化WebGL应用程序，应该减少抽签调用的数量。但这是否意味着，通过修改顶点位置(我听说在讨论矩阵乘法时比GPU慢得多)和调用一次抽签调用，从CPU上的所有单个网格中计算一个大网格比使用GPU内的模型矩阵绘制每个网格要快，调用每个网格调用每个网格的调用都要快吗？
浏览 0提问于2014-06-18得票数 0
回答已采纳
我正在使用实例技术来呈现大量的矩形，它很好地用gl.drawArraysInstanced.一次绘制出所有的东西但是，我也希望对它有更多的控制，并且能够绘制特定的或一组特定的矩形实例。
我已经研究了很长一段时间了，但是我没有在webgl2中找到任何可以帮助我实现它的API调用。现在的规范似乎已经过时了，它没有提供一个API调用来允许我利用有选择地绘制实例。看起来我可以使用.glDrawArraysInstancedBaseInstance，但它在webgl2中是不可用的。
我找到的唯一解决方案是为每个矩形创建一个附加缓冲区，选择性地将数据从实例缓冲区复制到它们，然后在只需要呈现特定矩形时使用附
浏览 1提问于2021-10-09得票数 1
1回答
(这是一个与类似的问题)，但我认为它更笼统，所以我重新发布它。
我在WebGL中有一个模型视图矩阵，由一系列从局部对象空间到世界空间的转换组成，然后从世界空间到齐次WebGL坐标的转换(-1到1在所有方向上)。
这个矩阵是通过一系列复杂的步骤在我们的代码中建立的。其中一个步骤是将纹理呈现为纹理，然后将纹理呈现到屏幕上。这一过程是被提取出来的，因此我们可以将它用于任何二维纹理绘制操作。不幸的是，它提供了自己的视图/投影转换。在我调用它的时候，我只有组合的模型视图矩阵。
我想要做的是保留在模型视图矩阵上进行的转换，因为它是沿途构建的，但我不想包含视图转换。换句话说，给定一个模型视图矩阵和一个已知的
浏览 1提问于2018-07-18得票数 1
回答已采纳
我正在尝试在WebGL中模拟像glPolygonMode( GL_BACK, GL_LINE)这样的东西。我可以使用LINES模式而不是TRIANGLES模式进行绘制，但我不明白WebGL如何自动确定特定的线段是否面向后，因为线段并不面向任何地方。
为了解决这个问题，我将原始三角形的法线传递给着色器。在通常的模型视图转换(旋转，缩放，平移)下，很容易计算出这种转换；然后我只需将法线乘以反转的转置。根据法线点是进入屏幕还是离开屏幕，我可以决定是否剔除线段。
然而，这并不完全正确。我还需要投影矩阵的逆，以考虑透视失真。
我使用CanvasMatrix4.frustum()或CanvasMatrix
浏览 2提问于2016-12-27得票数 0
回答已采纳
为了在webgl中实现鼠标手势，我希望允许用户“在屏幕上绘制”手绘模式。在3D webgl中这样做将允许在正在使用的笔刷上有很好的着色器效果，如火焰效果，发光或其他很酷的图形糖果。
当前推荐的在webgl中高效地绘制屏幕的方法是什么？
谢谢!
浏览 3提问于2012-05-31得票数 1
回答已采纳
1回答
我正在尝试通过OpenGL中的矩阵来转换对象，并且我知道如何在模型坐标中旋转/转换/缩放对象。
但是，我想要进行回调，以转换相对于摄像机视图的对象(因此，z轴总是查看摄像机)：
我在用MVP矩阵处理对象。有人知道如何翻译屏幕坐标上的对象，而不是世界坐标吗？
浏览 6提问于2022-05-03得票数 1
我使用Three.js在画布元素中使用webgl创建一些3D图形。是否有一个很好的库来在3D图形的顶部绘制2D元素。有点像3D游戏的HUD。我想在屏幕上绘制一些图像或文本，覆盖3D内容。有什么想法吗？用Three.js能做到吗？
浏览 2提问于2012-02-02得票数 2
回答已采纳
如果我在一个VBO中有多个网格，有没有一种方法可以独立地对这些网格应用变换？
如果我调用glDrawElements，而有两个网格的VBO被绑定，它将绘制这两个网格，无论当前的MVP矩阵是什么。因此，如果我在屏幕上一次有20多个独立移动的网格，我需要20个VBO吗？或者，有没有什么方法可以指定glDrawElements的偏移量和计数，以便它只渲染存储在VBO中的第一个网格？这样我就可以更改MVP矩阵，然后在VBO中渲染第二个网格。
浏览 1提问于2012-04-19得票数 0
回答已采纳
我正在使用p5.js，在屏幕外图形缓冲区中使用WebGL呈现程序时，我正经历着奇怪的行为。
下面是一个简单的例子，它在画布上绘制一个模型，并将其缩放到101%的大小。这如预期的那样起作用。每次重新绘制框架时，模型都保持不变。
//working WEBGL createCanvas example
let icosa;
function preload() {
icosa = loadModel('model.obj', true);
}
function setup() {
createCanvas(800, 800, WEBGL);
}
functi
浏览 3提问于2020-11-23得票数 1
回答已采纳
2回答
我仍然是一个图形编程新手，并打赌以下问题只是一个错误的配置问题。
我正在创建一个游戏使用webgl图形和box2dweb的物理。不幸的是，绘图显示了物理体之间的空白(左边是我的实际呈现，右边是使用box2dweb在另一个画布中的调试绘图的呈现)：
box2d和webgl对盒子使用相同的坐标系统和大小。没有皈依。红色盒子实际上是纹理，虽然这并没有什么区别。红色的盒子是动态的，绿色的盒子是静态的。
显然，我不能仅仅调整图形或物理的大小。如果我把图形放大，绿框就会重叠，如果物理变小，就会有物理空白。
下面是另一个例子：
另外，有时，没有像下面这样的空隙(只是移动了一下右边的身体)
浏览 9提问于2011-10-09得票数 3
回答已采纳
2回答
这可能是我的误解，但让我给你我的表面理解模型-视图-投影管道和不同的坐标系。然后我会问一个问题。
我们知道，我们的场景中可能有很多模型。您可以使用模型加载器等方式为每个节点加载顶点属性。在加载坐标时，这些属性位于对象空间或模型空间中。因此，他们描述了对象wrt的局部框架。我们使用模型矩阵将其转换为所有模型共享的世界空间，比如说，一个全局框架。
在这之后，我们进入了一个巨大的世界空间。我们可能会认为这是一个无尽的欧几里得三维空间。这里的坐标可能有任何价值。在世界的某个地方，我们有一个相机，这些物体在世界上有不同的坐标wrt。照相机的机身。这就是视图矩阵发挥作用的地方。应用此转换后，坐标在视图空间
浏览 0提问于2017-12-19得票数 1
回答已采纳
我正在尝试编写一些代码，在p5js中的屏幕外图形窗口上使用WebGL绘制旋转立方体。当我直接在画布上绘制立方体时，它工作得很好，但是当我试图在图形对象上绘制它时，它呈现的不正确。
let canvas2;
function setup() {
createCanvas(400, 400);
canvas2 = createGraphics(400,400,WEBGL)
}
function draw() {
background(220);
canvas2.background(255);
canvas2.push();
canvas2.noFill();
浏览 9提问于2022-02-17得票数 0
2回答
WebGL顶点空间坐标
、、、、
我尝试在webgl中绘制一个简单的矩形(我使用webgl就像一个2d api )。其思想是发送属性(点)，并将其转换为顶点着色器，以适应屏幕。但是当我用顶点着色器渲染时: gl_Position = vec4( a_point，0.0，1.0 )；我什么也没看到。我看到了2d WebGL的webgl基本原理，它在我的电脑上似乎不起作用。有长方形，但我认为它们不在很好的坐标上！
你能解释一下如何在一个特殊的坐标系中画一个矩形吗？
-宽度/2<x<宽度/2
-高度/2<y<高度/2
然后在顶点着色器中转换它们，使它们在每个浏览器( chrome、firefox、intern
浏览 0提问于2014-04-08得票数 2
回答已采纳
我正在开始一个项目，在这个项目中，我希望将单个视频中的部分切片，并将这些部分重新绘制到屏幕上的不同对象上。我知道我可以通过使用drawImage将视频的部分重绘到一个画布元素中来做到这一点。在做研究时，在WebGL中用动画纹理做同样的事情似乎是可能的。有人知道使用WebGL动画纹理而不是使用drawImage来提高性能吗？
浏览 1提问于2014-11-30得票数 1
回答已采纳
1回答
我对TradingView很好奇。如果一个图形是在未来的坐标上绘制的，而不是当前的观点，我很好奇如何得到相应的坐标。
我的坐标是360阵列中最最新的359个坐标。但这是最新的酒吧，所以未来的部分不工作时，绘图。我想找个方法得到未来的坐标。我使用的是1.13版本
哦，对不起，我没有详细问。我的问题是，我想把我以前画过的一个部分带回来。但是，由于图表中的线条工具尚未在屏幕上显示蜡烛数据，因此绘图线是垂直绘制的，因此必须在nodata区域中绘制。但不要紧。你能帮我吗？
const widgetOptions = {
debug: false,
symbol: t
浏览 25提问于2021-12-07得票数 -1
我的scrollView在我的ViewController里。scrollView置于垂直中心，其宽度等于ViewController的宽度，高度等于100。为了使scrollView可滚动，我为这个scrollView设置了一个任意的contentSize，假设它是(500, 100)。这有助于我的scrollView水平滚动。
我的要求是，我希望scrollView的内容从scrollView的水平中心开始，因此，我在它上设置了contentInset值。
let halfWidth = scrollView.bounds.size.width / 2.0
scrollView.conte
浏览 11提问于2021-10-22得票数 0
回答已采纳
1回答
我正忙着做一个小项目，在这个项目中，我不习惯用摄像头来跟踪用户的眼睛位置(从人的眼睛位置相对于屏幕中心的位置)，并使用这个“摄像机角度”来操作threeJS场景(或者仅仅是直截了当的WebGL)，这样屏幕本身就像是进入3d环境的“窗口”。也要做到这一点，我相信所有需要的(假设你已经有了‘眼相机角度’)是操纵视图矩阵。例如，左边的图像将是一个典型的视图结果，对于一个标准的视图矩阵，给定一个直角。右边的图像将是理想的矩阵，如果“眼相机位置”向上移动，则会产生视图结果。
这是否就像交换所使用的标准视图矩阵一样简单？会是什么样子的矩阵。
请记住，当我回答时，我对线性代数的了解和一年级学生一样
浏览 2提问于2017-09-05得票数 0
回答已采纳
1回答
我试图弄清楚如何在WebGL中进行混合模式。到目前为止，我使用了本机HTML5画布绘图函数，例如，您可以这样做：
var ctx = new Document.getElementById('canvas').getContext('2d');
ctx.globalCompositeOperation = 'lighter'
现在，出于性能考虑，我尝试将其移植到WebGL。但是，我很难理解如何影响WebGL中的混合模式。据我所知，顶点着色器决定哪些不同的纹理/多边形是可见的，然后对这些纹理/多边形的可见部分的每个像素调用片段着色器。然而，如果我有
浏览 2提问于2013-09-01得票数 2
回答已采纳
我们的主要想法是，我们用全息镜头拍摄一张照片，然后我们在这张照片中得到物体(热水瓶和打印机)的2D坐标。然后，我们将这两个对象的屏幕截图的2D坐标反投影回虚幻世界中的3D坐标，然后在坐标的位置绘制一个框。
然而，正如你所看到的，我们用3D坐标标记了热水瓶(第一张图片)和打印机(第二张图片)，这些坐标是通过静态网格的2D截图中的坐标计算出来的。但是，它们的左下方有明显的偏移量。我们推测，这种问题可能来自于我们相机中心错误的原因。
你遇到过或解决过这样的问题吗？你能给我一些建议吗？非常感谢。
浏览 0提问于2021-05-08得票数 0
我想画类似的例子(树叶)包含在不同的网格(树)(与不同的MVP矩阵)。我使用glDrawElementsInstanced绘制树叶，其中MVP矩阵(在树的坐标下)保存在一个单独的缓冲区中。这个MVP矩阵进入每个实例(标记为实例数据)顶点的输入变量。但我无法找到一种方法来呈现特定树的叶子(从MVP矩阵缓冲区中的某个偏移量开始绘制)。
我搜索了谷歌，但没有发现任何相关信息。看起来是呈现这些实例的唯一方法--为每个树提供一个单独的缓冲区来保存每个实例数据。
但我想把它们放在一个缓冲器里。
有什么办法吗？任何帮助都是非常感谢的。
浏览 6提问于2015-11-14得票数 1
回答已采纳
我试图从一个对象中获取一个部分位图，但是我从以下几个方面得到了不同的值：
object.transform.matrix.tx and object.transform.matrix.ty
v/s
object.getBounds(object.parent).x and object.getBounds(object.parent).y
我不确定在绘制位图数据时应该使用哪些：
bitmapdata.draw(object, <matrix>);
若要添加矩阵的a、b、c、d分量，则为1,0,0,1 (或恒等式)。那么，有人能解释在哪些场景中，matrix.tx和matrix.ty
浏览 2提问于2011-10-11得票数 1
我在R中使用ABC包，它计算了几个可以绘制的统计数据。使用plot(结果作为包中另一个函数的矩阵)或summary(结果作为包中另一个函数的矩阵)显示多个图/统计数据。我有兴趣获得其中一个显示的图形的最大值。但是，绘制的图形的值不会在输入矩阵中返回或使用。我如何获取它们，或者我如何查看应用了什么函数来构造图形？
浏览 0提问于2011-10-25得票数 1
回答已采纳
1回答
我使用的是WebGL 2。我将我的投影矩阵设置如下：
function ProjMatrix(width, height, near, far, fov)
{
var ar = width / height;
var fac = 1.0 / Math.tan(fov/2.0);
return [
fac/ar, 0.0, 0.0, 0.0,
0.0, fac, 0.0, 0.0,
0.0, 0.0, -(far+near)/(far-near), -1.0,
0.0, 0.0, -(2*far*near)
浏览 3提问于2018-03-17得票数 1
1回答
我有一个WebGL场景，有数以万计的多边形( z=0平面上的2d)。每个多边形由大约6-12个三角形(18-36个顶点)组成。我想通过对每个形状中的所有顶点应用一个4x4变换矩阵，对每个形状应用一个随机的(或随机的)三维动画。
我知道我可以通过给每个顶点分配一个16个数字矩阵来实现这一点(形状上的所有18-36个顶点都是相同的矩阵)。我知道这只是WebGL的本质，但是如果有18-36个相同的4x4矩阵拷贝，似乎有点低效。
我想知道是否有更有效的方法来做到这一点。例如，是否有一种方法只使用20个矩阵，并随机为每个形状分配一个矩阵？我还在学习webgl，所以我不确定这是否可能。
浏览 2提问于2021-04-30得票数 0
回答已采纳
1回答
我有opengles设置，使用emscripten在html画布上绘制地理信息。目前我面临两个问题，
我不确定视口转换是否正常工作，
几何图形在调整画布尺寸时会被挤压或拉伸。
画布是使用以下行生成的：
<canvas id="webgl_main_canvas" style={{width:"100%",height:"100%"}} />
现在，使用这个画布的宽度和高度，我使用以下方法设置了glViewport配置和投影矩阵：
glViewport(0, 0, (GLfloat)canvas_width, (GLfl
浏览 8提问于2022-06-24得票数 0
1回答
我对WebGL非常陌生，但我正在接近于了解基本知识。
我遵循中的说明，他在这里解释了一些基本知识。我试着重建他的一个例子(书中没有直接解释)。
由于某些原因，uModelView矩阵中的深度在我的应用程序中不起作用。使用WebGLDebugUtils也不会出现任何错误。
当我将z矩阵的uModelView属性设置为0时，立方体的正面填充屏幕。自从我和-1一起工作到1的顶点。
这里是我的源代码:已删除的
着色器位于index.html中，而不是问题所在。
我使用进行矩阵转换。
提前谢谢。
浏览 5提问于2012-09-16得票数 0
回答已采纳
2回答
我需要在WebGL中实现相当于“谷歌地图”风格的缩放效果。具体地说，我有一个简单的二维场景，总是垂直于相机。当用户在场景上单击时，相机应该缩放到超过单击的位置，但更接近二维场景。
例如，看看这个jsfiddle，它实现了场景，但没有缩放：
如果您的浏览器启用了WebGL，您应该会看到一个三角形和一个在Z轴上-7处渲染的正方形(二维)。我已经添加了一个占位符handleMouseUp()事件处理程序来记录任何单击事件，但是我有点迷惑于如何将单击事件给出的坐标转换为相机的新位置(或者我猜相当于一个新的视图矩阵)。
( jsfiddle基于learningwebgl.com的教程1，并使用glMa
浏览 0提问于2011-04-11得票数 4
回答已采纳
1回答
我用libGdx编写简单的游戏。我有一个英雄，它总是在屏幕中央，我必须移动我的背景精灵(或区域？)做动作假象。但我的背景精灵并不是无限的。
我怎样才能创造无边无际世界的错觉呢？
当然，我可以添加几个背景精灵，试图覆盖所有的空白屏幕。但是我必须把所有其他的东西都画出来:房子，怪物，其他英雄等等。所以我还有第二个问题：
当我试图画其他对象(很多对象！)在屏幕外，它对记忆的影响有多大？如何正确地绘制它？
我知道libgdx中的OrthographicCamera只绘制viewportHeight区域。如果是正确的话，那么我必须移动我的相机和我所有的精灵。我觉得这不对。
如
浏览 2提问于2013-04-13得票数 0
如何从几何图形着色器入口点获得屏幕参考点的坐标？SceneKit公开了一系列矩阵转换及其逆( >使用SceneKit提供的输入)，但我不知道如何使用它们.
例如，在顶点着色器中执行的几何入口点中，我尝试了：
varying vec2 screen_coords;
#pragma body
screen_coords = (u_inverseModelViewProjectionTransform * _geometry.position).xy
但这似乎不起作用
为了澄清，我希望screen_coords在0，1* 0，1，如果点在屏幕上取决于它的确切位置，如果不是其他的东西。
浏览 4提问于2016-09-13得票数 7
回答已采纳
我正在学习Vulkan API，我遇到了一个小“问题”： 目前，我的程序能够使用Projection-View-Model矩阵变换在轴原点绘制一个立方体： 我使用了3个图像/图像视图/帧缓冲区，所以对于每个变换矩阵，我都有一个大小为3的向量来保存它们，并且一切都工作得很好(没有来自验证层的错误等)……问题是： 我现在想在我的立方体附近绘制另一个对象，所以我认为我只需要每帧更新两次模型矩阵，第一次定位立方体，第二次为另一个对象，但这不起作用，因为当注册命令缓冲区时，立方体不会立即绘制，但当提交它时，所以最后命令缓冲区将简单地对立方体和其他对象使用模型矩阵的第二次更新： 如何处理这种情况？ 谢谢
浏览 23提问于2019-01-22得票数 0
回答已采纳
1回答
在WebGL中进行混合时，我遇到了一些问题。其中之一是启用混合时，颜色的渲染方式与alpha值无关。这意味着较暗的颜色始终与下面的颜色混合，即使alpha设置为1.0也是如此。是的，更亮的颜色会根据alpha值的不同而呈现不同，所以我认为设置着色器的方式没有问题。
再说一次，我还没有机会渲染一个完整的场景，我目前只用WebGl做测试，所以我只在默认背景上绘制简单的对象。一旦我使用对象渲染屏幕的每一点，这些混合问题会被“修复”吗，或者这是WebGL的一个限制吗？
浏览 4提问于2010-12-09得票数 2
回答已采纳
1回答
我正在使用THREE.js创建一个3D模型编辑器应用程序，您可以在其中加载CAD模型并将其显示在屏幕上。您可以在场景中的任意位置平移、缩放和旋转相机，以从任何角度查看CAD模型。
我想要添加支持，以便能够在屏幕上绘制任意矩形(选框选择框)，并在此框内的任何我想成为选中。
用于此操作的好算法是什么？
我的第一个想法是把每个加载的CAD部件(可以选择)，并将其边界框投影到屏幕上。然后测试这些投影边界框中的每一个与屏幕上绘制的选择框是否匹配。这应该可以工作，但我担心这将是非常缓慢的大型CAD模型与1000的可选部件。
有没有更好的方法在3D中进行选取框选择？光线投射能以某种方式加快选择速度吗？
浏览 6提问于2019-01-11得票数 1
1回答
下面是webgl书籍的介绍(WebGL编程指南:使用WebGL的交互式3D图形编程)的示例，我很难理解为什么正字法投影有助于解决这个特定问题。
其中一个例子是，我们通过应用矩阵变换来改变我们如何看待三个三角形的“眼点”。它们表明，如果我们将视点改变到(+X)右边，三角形就会开始消失。以下是本书网站上的webgl示例(按右箭头键旋转三角形)：
书中说，之所以会出现这种情况，是因为“这是因为您没有正确指定可见范围(实际看到的范围)。”
为了解决这个问题，他们首先对每个顶点应用一个正交投影矩阵，然后解决这个问题。为什么这要解决这个问题，矩阵变换怎么能导致以前不存在的东西现在是可见的呢？我在哪里可以找
浏览 3提问于2014-01-13得票数 2
回答已采纳
我将Box2DWeb与javascript和WebGL结合使用。
在Box2D中，我的身体尺寸在1.0左右，地面在5.0左右。我只需使用WebGL来绘制它们，使用转换和旋转(使用从GetPosition()和GetAngle()函数获得的值)。我使用从这些函数中得到的相同的值。也就是说，我使用大约1.0左右的值来绘制对象，对地面使用5.0左右的值。
问题是当旋转发生时，(就像两个物体碰撞时)，物体旋转和平移，直到平衡，最后画出的位置是不清楚的。即使物体只是躺在地面上，直线也是不直线的。如果不旋转，身体看上去就很好。
是一幅图像：
正如你所看到的，一些边线和底线并不是直线的。他们看起来是扭曲的。
浏览 6提问于2012-10-13得票数 0
回答已采纳
1回答
我目前正在学习DirectX (2010年6月的SDK)，正在将位图绘制到屏幕上。现在我希望能够对这些图像进行变换，并且不能沿x轴或y轴镜像图像。
在绘制之前，我能够设置一个将应用于绘制操作的转换矩阵。虽然DirectX使用的是D2D1_MATRIX_3x2_F类型，但根据MSDN的说法，这个矩阵中只有2x2部分用于转换。例如，矩阵{ 1，0，0，1，0，0}是使一切自然显示的单位矩阵。
据我所知，沿x轴镜像图像的矩阵变换应如下所示：{ 1，0，0，-1，0，0 }，沿y轴，它将是{ -1，0，0，1，0，0 }。但是，如果我使用这些矩阵进行转换，我会得到一个黑屏。
对我来说，问题是，我有点卡
浏览 1提问于2011-11-20得票数 1
回答已采纳
我在看核心运动类CMAttitude，它可以用3x3旋转矩阵来表示设备的方向。同时，我看了一下CATransform3D，它封装了视图的态度以及缩放。CATransform3D是一个4x4矩阵。
我看到OpenGL旋转矩阵是4x4，只是在第4行和第4列中填充了0001。
，我在徘徊，如果CMAttitude旋转矩阵与CATransform矩阵？有关
我可以利用通过旋转矩阵获得的设备在空间中的旋转来用UIView来转换CATransform3D吗？我的意图是让用户移动手机，并将同样的转换应用于屏幕上的UIView。
的额外问题:如果它们是相关的，我如何将CMAttitude的旋转矩阵转换为CAT
浏览 2提问于2012-06-01得票数 6
回答已采纳
我正在为一个OpenGL ES 2.0 iOS应用程序实现平移，在某些情况下，我正在努力在z方向上进行平移。最初加载模型时，y+位于屏幕顶部，x+指向屏幕的左侧，而z+则指向屏幕外的用户。在这种情况下，平移的工作方式与预期的一样--平移“向右”按预期沿正x轴移动模型。Y也适用-平移“向上”沿正y轴移动模式(坐标变为负值，因此我们只是翻转坐标以正确执行操作)。问题总是与z轴有关，当模型旋转时，z+轴现在指向右边，平移“右”我得到负的z值，平移到左边我得到正值，所以看起来坐标像z轴一样翻转。当z+指向屏幕的左侧时，也会出现同样的逻辑--负值表示向左平移，正值表示向右平移。到目前一切尚好。
当z+现
浏览 5提问于2014-02-26得票数 0
1回答
我想使网格与强大的线框线。当我用两种材质绘制面孔时，一种用于着色，另一种用于线条(线框)，我得到这种闪烁的线条。我猜它和z- 有直接的联系。那么，对于这种行为有什么解决方案吗？WebGL看起来也是这样工作的。
这个案例仅仅是Google Chrome。
非常感谢
浏览 0提问于2012-07-24得票数 3
1回答
我的OpenGL渲染器中有一个摄影机对象。它工作得很好。但是，我需要将它设置为父节点的父节点，这样父节点就可以像在Adobe AfterEffects中使用空对象一样操纵相机。如果你不熟悉AE，那么这里就是它的工作原理。Null对象是一个空容器。如果相机是它的父对象，并且对象本身位于目标位置，则当旋转空对象时，将其兴趣点(也称为lookAt)放在目标上的相机将围绕目标定向。这是problem.In my实现的核心，当我旋转父对象时，相机作为子对象并位于目标位置，相机不会保持锁定在父对象的位置，但它的lookAt方向也会改变。以下是描述该问题的屏幕截图：
在左边的屏幕截图是错误的行为:相机
浏览 2提问于2012-12-26得票数 1
回答已采纳
1回答
在GPU上执行的矩阵操作很难调试，因为GPU操作实际上不允许控制台日志。
我编写了一个为实时2D渲染引擎而设计的引擎，它基于一种非常简单的形式--我猜什么可以称为光线投射--并且在找出它的问题所在(它正在输出[0,0,0,255,0,0,0,255,...]而不是填充颜色)。
this.thread.x是正在操作的矩阵中当前单元(颜色通道)的索引。scene是一个由6个单元块组成的缓冲区，每个值按顺序包含：
实体的类型，在本例中，总是用于"sprite“的1。
sprite ID，对应于this.constants.textures中包含实体的sprite缓冲区的索引。
X
浏览 0提问于2018-09-04得票数 1
我正在使用榆树WebGL库找到为我的网站制作webGL图形。我想使用某些图形技术，例如，它要求能够使用在图形卡上执行的操作结果；如果我正确地回忆起我的OpenGL ES术语，则对纹理支持的渲染缓冲区进行写入，然后由绘制到屏幕的着色器使用。
查看API，如果它看起来不像这样做是可能的，因为API中唯一能够实际执行/保存WebGL管道/Entity结果的东西是Element类型。
我的问题是，是否可以使用像阴影映射和SSAO这样的技术来使用标准的Elm WebGL库来绘制场景，以及如何实现这一点。
浏览 2提问于2014-06-21得票数 3
回答已采纳
1回答
批量绘制模型矩阵到着色器
、、、、
我在做一个批量渲染器。我被限制使用每批一个着色器(一个抽签要求的一切)。
我想用TBN矩阵来照明。为了计算每个对象的TBN矩阵，我需要提供一个模型矩阵来描述单个对象在位置上的变化。通过制服提供数百个矩阵或将它们添加到顶点可能非常缓慢。(提供更新的顶点位置而不是矩阵将无法工作，因为TBN矩阵需要知道发生的转换，而不是顶点的位置)
这个问题有什么解决办法吗？我宁愿继续使用我的批处理渲染我的3d模型，因为它是漂亮和快速的。
进一步的背景:我需要TBN矩阵将我的向量转换成切线空间，所以我的照明值和法线都在同一个空间很好地工作。由于TBN矩阵使用对象的位置转换矩阵，而且我正在批量绘制许多对象，所有对象都
浏览 0提问于2022-12-07得票数 -1
回答已采纳
1回答
我在用Java写我自己的软件光栅化程序，我遇到了一些麻烦.请看一张图片样本：
这个样本只是在平面上绘制简单的正方形网格。一切都很好，直到我把相机移近一些点才能在它后面移动。在此之后，它们不再被正确地投影，正如你所看到的(垂直线-应该在摄像机后面的点被投影在屏幕的顶部)。
我的变换矩阵和向量是DirectX使用的相同的矩阵和向量(PerspectiveFovLH用于投影，LookAtLH用于照相机)。
我使用以下转换方法来投影3D点：
生成要转换的三维矢量。
向量乘以ViewProjection矩阵。
然后，使用以下方法将点转换为屏幕：
//‘向量’是投影空间//投影中的输入向量，
浏览 1提问于2010-07-25得票数 9
回答已采纳
我有一个关于如何实际实现教授所要求的内容的作业(我也是Javascript的新手，但我知道很多关于c和c++的知识)。WebGL程序必须呈现3种不同类型的drawArray调用:点、TRIANGLE_FAN和线。
我对每个类型都有不同的数组，我知道如何一次绘制一种类型，但我不确定如何绘制3种不同的类型。
是否应该将所有向量放入一个巨大的数组中？我尝试过这样做，第一个TRIANGLE_FAN可以正确绘制，但是用另外两个类型再次调用drawArrays，并将偏移量设置为一行的‘第一个’索引，然后设置为一个‘点’，得到的结果是错误的：
WebGL error INVALID_OPERATION in
浏览 0提问于2017-02-22得票数 0
我正在编写一个使用XNA并允许用户在屏幕上放置纹理的Windows工具。
我使用的是用于绘制纹理的SpriteBatch‘照相机’，例如：
Matrix matrixForSpriteBatch = Matrix.CreateTranslation(
-_cameraPosition.X, -_cameraPosition.Y, 0.0f) *
Matrix.CreateRotationZ(_rotation) *
Matrix.CreateScale(_scale) *
Matrix.CreateTranslation(
GraphicsDevice.Viewport.Wi
浏览 0提问于2011-10-12得票数 8
回答已采纳
我在RAM内存中有一个像素矩阵，例如1000x1000像素。我把它发送到GPU
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 1000,1000, 0, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
效果很好。但是，我改变了一些像素，位于矩形x=50，y=50，宽度=100，height=100。发送整个1000x1000px图片再次花费了太多的时间，我只想发送更改的分区到GPU。
我累了
gl.texSubImage2D(gl.TEXTURE_2D, 0, 50,50, 100,100, gl.RGBA, gl.UNSIGNED_
浏览 0提问于2015-08-11得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
