WebGL—gl_Position gl_FragCoord gl

gl_Position，gl_FragCoord，gl_PointCoord分别描述渲染管线中的顶点，片元，点域图元（点精灵/PointSprite）光栅化后的片元在各自坐标系中的大小；可以借助上图区分记忆。

区别：

gl_Position：
1.gl_Position描述的是顶点在世界坐标系中的坐标；
2.是绝对大小；

gl_FragCoord：
1.gl_FragCoord描述的是片元在以Canvas画布窗口坐标系统中的坐标；
2.是绝对大小；
3.单位为像素；

gl_PointCoord：
1.gl_PointCoord描述的是点域图元（点精灵/PointSprite）光栅化后的片元，表示的坐标就是gl_PointSize定义的区域内的片元坐标，点域图元对应片元在canvas画布上的位置根据其对应的顶点坐标变换而来。
2.是相对的大小；
3.区间是[0.1];

以下图为实例：

1.该点域图元（点精灵/PointSprite）光栅化后的片元在gl_FragCoord描述的canvas画布窗口坐标系中坐标为（120，160）；
2.该点域图元（点精灵/PointSprite）光栅化后的片元在gl_PointCoord所描述的坐标系中坐标为（0.5，0.5）；

WebGL—gl_Position gl_FragCoord gl_PointCoord 区别相关推荐

WebGL和OpenGL的区别及关系
什么是WebGL WebGL™是一个跨平台的,免版税的开放Web标准,用于基于OpenGL ES的低级3D图形API,通过HTML5 Canvas元素向ECMAScript公开.熟悉OpenGL ES ...
webgl与opengl的区别和联系
WebGL和OpenGL的区别为:性质不同.插件支持不同.用途不同. WebGL WebGL的缩写为Web图形库.它主要用于渲染二维图形和交互式三维图形.它是可以与HTML5一起使用的Javascri ...
Canvas、 SVG 和 WebGl三者之间的区别
概要: Canvas 位图,是需要自己画点的白板: SVG 矢量图,是给数据就可以绘制点.线.图形的,基于 XML 的标记语言: WebGL 3D位图,是基于 Canvas 的 3D 框架. 说明 ...
go gorilla_使用gorilla websocket构建浏览器推送通知服务的低级设计
go gorilla Singhania AdityaSinghania Aditya Follow跟随 Aug 31 8月31 gopher leaving everyone awestruck w ...
WebGL和OpenGL的联系和区别
WebGL和OpenGL的区别为:性质不同.插件支持不同.用途不同. WebGL WebGL的缩写为Web图形库.它主要用于渲染二维图形和交互式三维图形.它是可以与HTML5一起使用的Javascri ...
WebGL 及其在 WebRTC 中的应用
一.前言 1.什么是 WebGL ? WebGL 的全称是 Web Graphics Library,是一种 3D 绘图协议. WebGL 允许把 JavaScript 和 OpenGL ES 2.0 ...
OpenGL，WebGL基于HTML5/WebGL的建模及构建3D场景
一.OpenGL和WebGL WebGL基于OpenGL ES,它缺少常规OpenGL具有的许多功能,例如仅支持顶点和片段着色器.OpenGL具有WebGL所不具备的功能,例如几何体着色器,镶嵌细分着 ...
论vue3.0和vue2.0区别之编程方式及例子详解
系列文章目录第一章论vue3.0和vue2.0区别之编程方式及例子详解第二章同一台电脑实现 vue-cli2和vue-cli3同时并存及常见命令第三章 vue3.0项目实战 - Ele ...
Cocos2D-HTML5开源2D游戏引擎
文 / 林顺 Cocos2D-HTML5是基于HTML5规范集的Cocos2D引擎的分支,于2012年5月发布.Cocos2D-HTML5的作者林顺将在本文中介绍Cocos2D-HTML5的框架.AP ...

WebGL—gl_Position gl_FragCoord gl_PointCoord 区别

区别：

以下图为实例：

WebGL—gl_Position gl_FragCoord gl_PointCoord 区别相关推荐

最新文章

热门文章