WebGL中precision是什么？ 指定精确度的precision

最新推荐文章于 2025-02-20 23:08:13 发布
转载 最新推荐文章于 2025-02-20 23:08:13 发布 · 1.5k 阅读 · 2
文章标签：

#webgl #precision

本文深入探讨了GLSL（OpenGL着色语言）中的精度修饰符概念，包括lowp、mediump和highp，解释了它们如何影响着色器中float类型数值的精确度，并强调了在片段着色器中设定精度的重要性。

指定精确度的precision

这一次的片段着色器中的第一行，出现了一个陌生的precision，这个precision是用来指定数值的精确度的关键字，紧接着跟在precision后面的是精确度修饰符。
这个修饰符有三种，简单点说就是指定精确度为上，中，下。其实，变量中使用的小数发生变化时（也就是说，处理的数值的位数增加或是减少），根据运行的环境不同得到的结果是不太统一的。
lowp   ：精确度低
mediump：精确度中
highp  ：精确度高
上面的片段着色器代码中，precision后面紧接着写的是mediump float，这是说，让片段着色器中的float类型的数值的精确度都按照mediump来用。
不管在片段着色器中有没有做什么特殊的处理，首先要将precision相关的设定写上，否则在编译着色器的时候会出错。这就像魔法的咒语一样，逃不掉的。

 

摘自：https://blog.youkuaiyun.com/lufy_Legend/article/details/38461309

webGL面试题200道
大剑师兰特的GIS世界
06-27 872
WebGL是一种基于OpenGL ES 2.0的JavaScript API，用于在浏览器中渲染交互式2D/3D图形，无需插件。本文提供了200道WebGL面试题概览，涵盖基础到高级主题。基础部分包括WebGL的概念、浏览器支持检测、渲染流程、着色器编程、缓冲对象、深度测试等核心知识，并附有代码示例。着色器部分深入讲解GLSL语言特性、数据类型、变量传递、矩阵操作以及纹理采样等关键技术点。这些内容全面考察了WebGL开发所需的图形学基础和编程能力，适合准备图形相关Web开发岗位的面试者参考学习。
WebGL 添加背景图
dlmyrt的博客
10-23 1083
ST纹理坐标（也称为UV坐标）是一种二维坐标系统，用于在三维模型的表面上精确地定位二维纹理图像。这种坐标系统通常将纹理的左下角映射到(0,0)，而右上角映射到(1,1)。S坐标（U坐标）：通常对应纹理图像的水平方向，即纹理的宽度。T坐标（V坐标）：通常对应纹理图像的垂直方向，即纹理的高度。
【WebGL】GPU计算法线和世界坐标系下精度问题的解决思路 1
m0_63331248的博客
05-20 337
请注意，以上建议可能需要根据你的具体需求和限制进行调整。在解决WebGL中的精度问题时，通常需要综合考虑多个因素，包括数据类型、算法、数据结构、库和框架的使用等。在WebGL中使用GPU进行计算时，特别是涉及法线和世界坐标系下的计算时，精度问题是一个需要关注的重要方面。
指定精确度(*号的使用)
weixin_34133829的博客
08-19 150
*号的使用 1 #include <stdio.h> 2 3 int main(void) 4 { 5 unsigned width, precision; 6 float height; 7 printf("Please enter you height(enter a tag before):\n"); 8 sc...
WebGL着色器精度设置(lowp、mediump、highp和precision)
u014291990的博客
11-20 6545
着色器运算精度设置 本文是WebGL教程(电子书)的2.12节内容 通过设置着色器数值的精度可以更好的配置资源，可以根据需要，在不太影响渲染效果前提下，可以尽量降低运算精度。 lowp、mediump和highp关键字 声明变量精度高低的三个关键子lowp、mediump和highp。 关键子 精度 lowp 低精度 mediump 中精度 highp 高精度 声明单个...
地图开发中WebGL着色器32位浮点数精度损失问题
@宝儿姐
05-27 342
以下内容转载自木的树的文章《WebGL着色器32位浮点数精度损失问题》 作者：木的树 链接：https://www.cnblogs.com/dojo-lzz/p/11250327.html 来源：博客园 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 前言 Javascript API GL是基于WebGL技术打造的3D版地图API，3D化的视野更为自由，交互更加流畅。 提供丰富的功能接口，包括点、线、面绘制，自定义图层、个性化样式及绘图、测距工具等，使开发者更加容易的实现产品构思.
WebGL 规范（WebGL Specification）
太阳火神的美丽人生
05-29 9016
WebGL 规范（WebGL Specification）
glsl中lowp, mediump, highp的区别 (Precision Qualifier)
GetRekt的博客
08-26 1万+
定义 浮点数和整数类型的区间和精度取决于数据来源(varying, uniform, texture look-up, etc.)， 是在片元着色器还是在顶点着色器中，及其他细节。Precision Qualifier的用处就是定义一个变量的最小的储存需求。 Precision Qualifiers 任何浮点数或整数的定义可以由这三个precision qualifier之中的一个定义 例子 l...
WebGL
2301_80269780的博客
07-29 3686
WebGL全称叫做Web Graphics Library，它是JavaScrint API、用于在任何兼容的Web浏览器中演染交互式的3D图形，并且无需使用插件。它基于 OpenGL ES 2.0(一个用于嵌入式系统的图形库)，并与其他 Web 标准完全集成，使开发者能够利用 GPU 加速图形处理直接在网页上实现复杂的图形效果。WebGL可以在网页上开发高性能的3D游戏，许多现代网页游戏都利用了WebGL实现了丰富的图形效果和流畅的用户体验。
（十七）WebGL中 图像处理的初识
cuijiying的博客
02-20 1742
WebGL 是一种 JavaScript API，基于 OpenGL 标准，利用 GPU 在浏览器中进行高效的图形渲染。对于图像处理，它特别适合需要快速计算的大型图像或复杂操作，因为 GPU 可以并行处理大量像素。
Unity Shader - Shader data types and precision 着色器数据类型和精度
Jave.Lin 的学习笔记
07-03 1436
目录：Unity Shader - 知识点目录（先占位，后续持续更新） 原文：Shader data types and precision 版本：2019.1 Shader data types and precision 着色器数据类型和精度 在Unity中，标准的Shader语言是HLSL，一般的HLSL数据类型都支持。但是，Unity也有一些HLSL之外的类型，为了更好的支持移动平台。 B...
WebGL-Shader入门（3.着色器语言的限定词-参数限定词/存储限定词/精度限定词）
点燃火柴的博客
07-04 824
矢量类型和矩阵类型变量的访问与运算1. 序 1. 序 上一篇文章介绍了着色器语言的数据类型和简单使用，不过没有介绍矢量类型和矩阵类型的访问和运算，它们有很多想通之处，内容相对较多，所以专门用一篇文章来讲述。就先从它们的访问说起 ...
OpenGL ES着色器语言之变量和数据类型（二）（官方文档第四章）
飞鱼
07-18 1万+
4.5精度和精度修饰符 4.5.1范围和精度         用于存储和展示浮点数、整数变量的范围和精度依赖于数值的源（varying，uniform，纹理查找，等等），是不是顶点或者片元着色器，还有其他一些底层实现的细节。最低存储需要通过精度修饰符来声明。典型地，精度操作必须要保留变量包含的精度存储。仅有的例外是需要大量复杂计算的内建函数，如atan（），返回值的精度低于声明的精度。
WebGL 技术储备指南
多多
07-02 8986
WebGL 是 HTML 5 草案的一部分，可以驱动 Canvas 渲染三维场景。WebGL 虽然还未有广泛应用，但极具潜力和想象空间。本文是我学习 WebGL 时梳理知识脉络的产物，花点时间整理出来与大家分享。 示例 WebGL 很酷，有以下 demos 为证： 寻找奥兹国 赛车游戏 划船的男孩(Goo Engine Demo) 本文的目标 本文的预期读者是
opengl着色器shader介绍
hankern的专栏
12-28 1万+
1. Shader Shader其实就是一段执行在GPU上的程序，此程序使用OpenGL ES SL语言来编写。它是一个描述顶点或像素特性的简单程序。在opengles中常用的shader有两种：vertex shader和fragment shader。Geometry Shader（几何着色器）是继Vertex Shader和Fragment Shader之后，由Shader Model 4...
GLSL 数据精度
lzt20007的专栏
03-28 7789
1. 默认精度 顶点着色器中默认精度 precision highp float; precision highp int; precision lowp sampler2D; precision lowp samplerCube; 像素着色器中默认精度 precision mediump int; precision lowp sampler2D; precision lo
OpenGL ES着色器语言之变量和数据类型
热门推荐
hgl868的专栏
08-09 2万+
所有变量和函数在使用前必须声明。变量和函数名是标识符。        没有默认类型，所有变量和函数声明必须包含一个声明类型以及可选的修饰符。变量在声明的时候首先要标明类型，后边可以跟多个变量，之间用逗号隔开。很多情况下，变量在声明的时候可以使用等号“=”进行初始化。        用户定义类型可以使用struct，在结构体中所有变量类型都必须是OpenGL ES着色器语言定义的关键字。Op
openGL ES 2.0 笔记 6
手机游戏开发
04-18 4970
精度声明<br />这个是GLSL 在ES中新引入的<br /> <br />两种声明方式，一种是在每一个变量前面声明，如下：<br /> <br />highp vec4 position;<br />varying lowp vec4 color;<br />mediump float specularExp;<br /> <br /> <br />另一种是在shader开始之前声明，如下：<br /> <br /> <br />precision highp float;<br />precision
`a_position` 在 OpenGL 或 WebGL 中的具体作用是什么？
最新发布
08-14
### `a_position` 在 OpenGL 和 WebGL 中的作用及使用方式 在 OpenGL 和 WebGL 中，`a_position` 是一个常见的顶点属性变量名，通常用于在顶点着色器中接收顶点坐标数据。该变量是应用程序与 GPU 之间传递顶点位置信息的桥梁，是图形渲染管线中数据输入的关键接口之一。 在顶点着色器中，`a_position` 通常被声明为 `attribute` 类型变量（在 OpenGL ES 2.0 或 WebGL 1.0 中），表示每个顶点独有的数据。开发者通过该变量将顶点坐标从 CPU 上传到 GPU，并在顶点着色器中进行变换，例如模型视图投影变换等。最终，顶点着色器会将变换后的坐标赋值给内置变量 `gl_Position`，作为顶点在屏幕空间中的位置[^3]。 以下是一个典型的使用 `a_position` 的顶点着色器代码示例： ```glsl attribute vec4 a_position; void main() { gl_Position = a_position; } ``` 在 WebGL 应用中，需要将 `a_position` 与缓冲区中的顶点数据绑定。具体步骤包括创建缓冲区、绑定缓冲区、写入顶点数据，并启用顶点属性数组，将缓冲区数据与 `a_position` 关联[^4]。以下是一个 JavaScript 示例： ```javascript const positionAttributeLocation = gl.getAttribLocation(program, "a_position"); const positionBuffer = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer); const positions = [ -0.5, -0.5, 0.5, -0.5, 0.0, 0.5 ]; gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(positions), gl.STATIC_DRAW); gl.enableVertexAttribArray(positionAttributeLocation); gl.vertexAttribPointer(positionAttributeLocation, 2, gl.FLOAT, false, 0, 0); ``` 在 OpenGL 或 WebGL 的上下文中，`a_position` 是开发者定义的顶点输入变量，它直接影响最终的图形绘制位置。通过与 `gl_Position` 的配合使用，可以实现对顶点坐标的精确控制，从而构建复杂的 2D 或 3D 图形[^3]。 ### 相关问题 1. `a_position` 与 `gl_Position` 之间有何区别与联系？ 2. 如何在 WebGL 中为 `a_position` 传递不同维度的顶点数据？ 3. 除了 `a_position`，还有哪些常用的顶点属性变量？它们的作用是什么？ 4. `a_position` 是否必须在每个顶点着色器中使用？如果不使用会有什么后果？ 5. 在 WebGL 2.0 中，`a_position` 的声明方式是否有变化？
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值