WebGL 计算机图形学 vec4.
WebGL Computer graphics vec4?
我正在学习WebGL图形编程,最近出现了这段代码。
void main() { gl_FragColor = vec4(0.0, 1.0, 0.0, 1.0); }
这是什么意思?我听说这与渲染光线有关,但我完全不知道。
这是一个片段着色器。
片段着色器由 GPU 执行以渲染每个样本(通常为像素,但在使用多重采样进行抗锯齿时可能会更改)。
片段着色器有一个 main() 函数,它是着色器的起点。
在这里,您只需为 gl_FragColor
变量分配一个值。这是一个内置变量,它将决定样本的颜色(像素)。这是一个vec4
(4 分量向量)。X 是红色分量,Y 是绿色分量,Z 是蓝色分量。最后一个分量 (w) 是 alpha。
因此,此短代码只是简单地用绿色填充多边形。
相关文章:
- 有没有一个javascript图形绘制库可以进行气球树布局
- 无法在本地计算机中将画布另存为图像
- jquery如何从计算机添加图像
- 如何在d3上的图形中添加放大和缩小按钮
- 如何在React Native中绘制图形
- 一台特定计算机的Ajax请求数据未定义/失败
- 删除图形和数字之间的连字符(-)符号
- 在arcgis javascript中手动添加图形层的图例
- Javascript图形布局引擎
- 来自mysql的动态值用于html代码点火器视图中的图形
- Javascript图形可视化工具包,具有高性能(500-1000个节点)
- 标签的rggraph问题Above未出现在第二个图形创建中
- Facebook:当发布期望对象引用时显示打开的图形对话框
- NVD3.js多图形,具有固定的x轴和y轴
- 如何创建一个随机的计算机选项,除了你已经选择的选项
- D3.js强制布局带有外部数据的图形空白
- 使用Javascript的图形编辑器
- Firefox插件:保存到文本文件的HTTP日志,其中包含时间、用户名、计算机名;t创建文本文件
- 将两个图形(饼图和条形图)并排对齐::d3-js
- WebGL 计算机图形学 vec4.