使用imageLoad和imageStore时如何保留lowp float的位信息？

问题根源 #

你遇到的核心问题是lowp float的IEEE 754位布局和r8_snorm的存储逻辑完全不兼容：

• lowp float是1位符号位+4位指数位+3位尾数位的小浮点格式，和8位标志位的二进制布局没有对应关系；
• r8_snorm本质是将8位有符号整数（范围[-128, 127]）线性归一化到[-1.0, ~1.0]的浮点值，存储时保留的是整数的归一化映射，而非浮点的原始位信息。

直接用uintBitsToFloat/floatBitsToUint转换会因为浮点精度、位布局不匹配导致信息丢失，只有恰好能被lowp float精确表示的值（如12.0）才能侥幸还原。

正确实现思路 #

放弃用lowp float的位存储标志位，转而直接利用r8_snorm的8位有符号整数归一化特性，将8位标志位（0-255）映射到r8_snorm的存储范围，通过线性转换实现无损读写：

存储步骤（将8位标志位转r8_snorm浮点）

1. 把0-255的无符号标志位转换为r8_snorm对应的有符号整数范围：int8_val = uint8_flag - 128（此时范围为[-128, 127]）
2. 将有符号整数归一化为r8_snorm要求的浮点值：norm_float = int8_val / 127.0（127对应1.0，-128对应≈-1.00787，这个值能被highp float精确表示）

读取步骤（从r8_snorm浮点还原8位标志位）

1. 将读取到的r8_snorm浮点值转换回有符号整数：int8_val = round(norm_float * 127.0)（必须用round而非截断，避免精度误差）
2. 转换回原始无符号标志位：uint8_flag = int8_val + 128

GLSL代码示例 #

存储阶段

// 输入：0-255的uint8标志位flag
highp uint flag = ...; // 你的8位标志位
highp int int_flag = int(flag) - 128;
highp float norm_val = float(int_flag) / 127.0;
output_image.r = norm_val;

读取阶段

highp float norm_val = texture(output_image, uv).r;
highp int int_flag = int(round(norm_val * 127.0));
highp uint flag = uint(int_flag + 128);
// 此时flag即为原始的8位标志位

关键注意事项 #

• 必须使用highp精度进行所有转换计算，避免中间步骤的精度损失；
• 读取时一定要用round函数，因为r8_snorm的浮点值是整数的精确归一化，四舍五入能确保准确还原原始整数；
• 不要尝试直接映射无符号0-255到[0.0,1.0]，因为r8_snorm是有符号归一化，直接用无符号范围会浪费1位符号位，且不符合格式要求。

内容的提问来源于stack exchange，提问作者Griffort