腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(682)
视频
沙龙
1
回答
缩放
期间
更改
WebGl
屏幕
空间
投影
线
着色器
的
行为
、
、
、
我正在构建基于Three.js
的
2D图形结构,并在相机变焦过程中使用与
屏幕
空间
投影
线
行为
相关
的
堆栈。问题是,当我放大时,线条变得明显变小,而当我缩小时,线条变得更大。我在
着色器
中构建
的
所有其他元素(圆,箭头
的
矩形)都有“正常”
行为
,并根据相机位置线性和相反方向改变它们
的
大小(放大时变大,缩小时变小)。我需要达到与
着色器
中
的
线条完全相同
的<
浏览 9
提问于2019-06-18
得票数 1
回答已采纳
1
回答
这些顶点是如何在剪辑坐标(-1,1)中结束
的
?
、
、
、
大家好,这几天我一直在学习
webGl
,并且在
webGl
2上读了这本教科书。 下面是本书中
的
一个例子。 page.`); } }, getGLContext(canvas) { return canvas.getContext('
webgl
2') || co
浏览 11
提问于2019-02-14
得票数 0
回答已采纳
0
回答
基于“法线”
的
线
和点
的
剔除
我正在尝试在
WebGL
中模拟像glPolygonMode( GL_BACK, GL_LINE)这样
的
东西。我可以使用LINES模式而不是TRIANGLES模式进行绘制,但我不明白
WebGL
如何自动确定特定
的
线段是否面向后,因为线段并不面向任何地方。 为了解决这个问题,我将原始三角形
的
法线传递给
着色器
。在通常
的
模型视图转换(旋转,
缩放
,平移)下,很容易计算出这种转换;然后我只需将法线乘以反转
的
转置。根据法线点是进入
屏幕
浏览 2
提问于2016-12-27
得票数 0
回答已采纳
1
回答
用MVP矩阵(OpenGL)处理乘法后
的
顶点
但是,我遇到
的
主要问题是,比方说,每3个实例呈现之间
更改
视口,大约。我正在考虑添加第四个矩阵,它将
缩放
未来
的
16x16图片
的
投影
顶点,将它们转换成不重叠
的
小图像,并根据小图片在
屏幕
上
的
位置和大小(16x16像素),在像素
着色器
中使用“丢弃”命令。如何将当前大视口中
的
投影
顶点
缩放
为16x16小版本,并在特定位置将其转换为前者内部
的
投影</e
浏览 0
提问于2015-01-16
得票数 0
回答已采纳
1
回答
需要知道如何阅读才能达到这一效果。
、
、
我是
webGL
的
新手。有一个能做到这一点。基本上所有的花哨
线
,(不是普通线条)。当你点击美国
的
时候,我想知道如何实现它们。他们用完
着色器
了吗?我不知道该读些什么。你能给我一些链接和例子吗?编辑:另一个使用
webGL
的
演示
浏览 1
提问于2015-07-23
得票数 0
回答已采纳
1
回答
WebGL
:在同一个绘图调用中绘制不同
的
几何原语?
我有一个
WebGL
场景,它想要同时绘制点基元和行基元,我想知道:在一个抽签调用中可以画出多个
WebGL
原语吗?我
的
预感是,这是不可能
的
,但是
WebGL
总是用一些技巧来让我惊讶,它可以完成奇怪
的
边缘情况,而搜索没有让我确认这是否可能。 对于其他人对这个问题
的
见解,我将不胜感激。
浏览 0
提问于2018-09-02
得票数 1
回答已采纳
2
回答
如何在片段
着色器
中将gl_FragCoord转换为世界
空间
点?
、
我
的
理解是,如果视图
投影
矩阵、
屏幕
宽度和
屏幕
高度相反,则可以在fragment
着色器
中将gl_FragCoord转换为世界坐标中
的
点。首先,通过分别除以宽度和高度,将gl_FragCoord.x和gl_FragCoord.y从
屏幕
空间
转换为标准化
的
设备坐标,然后将它们
缩放
和偏移到- 1,1
的
范围内。接下来,通过反向视图
投影
矩阵进行转换,以获得仅当除以w分量时才能使用
的</e
浏览 3
提问于2016-08-14
得票数 3
2
回答
XNA -网格覆盖太突出
、
、
我正试图为我
的
“地形”创建一个网格覆盖层。然而,为了停止z深度战斗,我不得不将depthBais设置为1.正如您在第一张图片中所看到
的
,网格
线
与摄像机
的
距离越远,网格
线
就越不突出。然而,从我想做
的
事情来看,我
的
台词非常突出。预期结果: 实际效果
浏览 1
提问于2013-07-31
得票数 0
回答已采纳
1
回答
为什么这个图像不是垂直镜像
的
?
、
、
、
在
webGl
中使用
的
许多符号和域约定中,我发现自己有点迷失了。以为例(它显示狒狒测试图像)。以下是我对此
的
理解: 没有指定原语;它可能推断GL_TRIANGLE。因此,它在世界
空间
中创建了一个顶点为(-2, 0),(0, -2),(2, 2)
的
三角形曲面.把它画在纸上,看起来这是特别选择
的
,因为它包含了区域[0,1] x [0,1]。uv从世界
空间
获取它
的
值,包括这个[0,1] x [0,1]区域(它是texture2d
的
域)。如
浏览 5
提问于2016-10-30
得票数 4
回答已采纳
1
回答
放大问题
、
我
的
应用程序是一个有一些形状
的
世界地图。用户可以拖动和
缩放
地图以进行导航。应用程序运行良好,用户可以
缩放
,并拖动地图。形状也在相应地移动。我
的
着色器
是基本
浏览 2
提问于2015-01-11
得票数 0
回答已采纳
2
回答
在
WebGL
片段
着色器
中绘制网格
、
、
出于几个原因,我正致力于将ZUI从SVG移植到
WebGL
,并且我希望使用片段
着色器
来呈现网格。这是我对
的
基本效果 我希望有一个三角形,每10个单元有1 1px1 1px
线
,每100个单元有一条更厚
的
2 1px
线
(这里
的
单位是任意
的
,但与世界
空间
一致,而不是
屏幕
空间
)。下面是我到目前为止所做
的
,没有视频中
的
第二行更厚
的
线条(请注意,这实际上是我打开
浏览 4
提问于2014-07-16
得票数 4
回答已采纳
1
回答
使用
WebGL
绘制二维图形时重用上一帧
的
部分
、
、
我正在使用
WebGL
做一些非常类似于图像处理
的
事情。我在正交
投影
中绘制了一个四边形,并在碎片
着色器
中执行了一些处理。有两个步骤,在第一个步骤中,来自四边形
的
原始纹理在碎片
着色器
中处理并写入帧缓冲区,第二个步骤将数据处理到最终画布。翻译
的
情况是最明显和最有问题
的</e
浏览 0
提问于2016-02-09
得票数 2
1
回答
创建一个十字openGL
、
、
如何在openGL
的
屏幕
中间画一个白色
的
十字
线
,这是很好
的
,很好地知道如何在3d
空间
中渲染对象,但我真的不知道如何在
屏幕
上画一些东西,不管是什么。 这需要
着色器
吗?不考虑模型视图
投影
矩阵
的
?一切都要符合画家
的
算法吗?还是我给它一个z值?
浏览 0
提问于2016-04-16
得票数 2
回答已采纳
1
回答
帮助纠正Android OpenGL 2.0 w/ QCAR中
的
线路
缩放
问题
、
、
、
我正在使用安卓
的
QCAR,它使用
的
是OpenGL 2.0,而且我对2.0还很陌生。QCAR适用于基于CV
的
AR应用程序,并利用OpenGL绘制图像。 我只想在
屏幕
中央画一个小X,并使用下面的代码。但是,X不是将X绘制到正确
的
坐标,而是扩展到
屏幕
的
边缘。不管我给顶点分配了什么值,都会发生这种情况。我无法判断这是一个
缩放
问题,还是我所使用
的
坐标系中
的
一些混乱。对于为什么没有正确地绘制这些
线
,有什么想法吗
浏览 2
提问于2011-08-02
得票数 4
2
回答
GLSL中沿线条
的
屏幕
间距
、
、
在绘制线条条时,如何以像素为单位求出片段到整条条
的
起始点
的
距离? 在三维绘制两点之间
的
单线段时,
屏幕
空间
中这两个点之间
的
距离只是其二维
投影
之间
的
欧几里德距离。如果我呈现这个片段,我可以插值(GLSL中
的
布局限定符GLSL)从每一个片段
的
起始点到
屏幕
空间
的
距离。例如,根据其
屏幕
覆盖范围(长度以像素为单位)对一条折线着色,每50像素添加一个距离标记,
浏览 4
提问于2014-09-24
得票数 1
回答已采纳
1
回答
如何在
WebGL
1.0中使用纹理作为
屏幕
大小
的
位图?映射到gl_FragCoord
的
像素坐标?
、
、
这是对早期
的
后续,我在其中询问如何将
WebGL
1.0中
的
多个四角体和
更改
行批次到一起。我正在尝试另一种方法,我想做以下几点: 使用整个窗口大小
的
纹理。颜色值将充当深度索引。我
的
动机是:万一这是一个XY问题,一个切线来澄清我希望做什么:我需要交错层
的
四元
线
。我希望应用Bresenham算法在纹理上画线,在纹理上使用颜色标记直线在特定像素坐标上
的
位置。否则,四边形就在上面(也许这会太慢,一次做几帧.Bresenham为每一行写入纹理,将
浏览 1
提问于2018-02-05
得票数 0
回答已采纳
1
回答
DirectX 11覆盖
、
、
、
、
创建纹理非常简单,而且我对C/C++有很好
的
了解。 我遇到
的
问题是在我
的
测试窗口中,我可以打印纹理,但只要我改变相机角度,纹理就会随之移动。这是大多数人想要
的
。我想知道
的
是,无论摄像机是否移动,如何在2D中打印内容才能始终显示在
屏幕
上?
浏览 0
提问于2013-07-20
得票数 4
回答已采纳
2
回答
用恒定
的
屏幕
宽度渲染艺术线条
、
我将艺术线条纹理应用于3D
空间
中
的
对象。默认
行为
是对象和纹理基于透视模型视图
投影
矩阵接收透视
缩放
。是否有任何既定
的
技术来保持3D对象
的
定位和
缩放
,同时保持相对于
屏幕
的
线宽恒定?所需
的
效果就像是使用笔(固定
屏幕
宽度)来跟踪3D对象上
的
路径。或者可能是某种
投影
纹理映射
浏览 6
提问于2019-10-09
得票数 0
2
回答
OpenGL ES 2.0 - Matrix.looktAtM到底是如何与glOrtho交互
的
?
、
我正在编写我
的
第一个opengl es2.0应用程序,我对Matrix.setLookAt
的
用途感到困惑。如果我将视图
的
中心设置为0,0,并在视口上绘制直线,就可以正常工作。如果我将中心设置为0.25,0,那么线条就会出现在左边,如下面的截图所示。这些
线
应延伸到整个视口。private static final String vertexShader =
浏览 0
提问于2013-02-14
得票数 1
1
回答
在Google Map上使用
WebGL
渲染时
的
投影
漂移
、
、
、
我正在尝试在Google Map (api3)上实现基于
WebGL
的
渲染,因为我想渲染大量
的
动态几何图形。基本上,我在地图中创建了一个附加了
WebGL
画布
的
google.maps.OverlayView。然后我根据
的
文档在我
的
顶点
着色器
中实现了它
浏览 1
提问于2015-02-03
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
WebGL 在移动设备上的适配
前端动画大乱炖
WebGL开发数据可视化应用
X3D:现代Web的声明式3D技术
立体360图像与视频采集技术
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券