glsl shader texture atlas

shader

glsl 复制代码
#version 320 es
precision highp float;

in  vec2 TexCoord;
out vec4 FragColor;

// texture sampler
uniform sampler2D texture_diffuse1;

uniform vec2 textureOffset;

void main()
{
	vec2 position = vec2(4.0/8.0, 1.0/8.0);
	vec2 size     = vec2(1.0/8.0, 1.0/8.0);
	
	// 计算1,显示清晰
	vec2 uv = position + size * fract(TexCoord);
	FragColor = texture(texture_diffuse1, uv);
	
	// 计算2, 显示模糊
	vec2 dx = dFdx(TexCoord);
	vec2 dy = dFdy(TexCoord);
	vec2 uv = position + size * fract(TexCoord);
	FragColor = textureGrad(texture_diffuse1, uv, dx, dy);
	
}

参考

相关推荐
山楂树の1 天前
xr-frame 模型摆放与手势控制,支持缩放旋转
前端·xr·图形渲染
橘子遇见BUG1 天前
Unity Shader学习日记 part5 CG基础
学习·unity·游戏引擎·图形渲染
我要吐泡泡了哦2 天前
虚幻5路径追踪渲染器(PT和DF的效果差别与PT速度性能)-李文磊-技术分享笔记
笔记·ue5·图形渲染
匹马夕阳4 天前
(十四)WebGL纹理坐标初识
前端框架·图形渲染·webgl
匹马夕阳5 天前
(三)线性代数之二阶和三阶行列式详解
线性代数·前端框架·图形渲染
匹马夕阳12 天前
(一)Canvas极简入门
前端·图形渲染
山楂树の14 天前
Threejs 自定义片元着色器 做UV动画
3d·图形渲染·webgl·着色器·uv
山楂树の17 天前
xr-frame 通过shader去除视频背景色,加载透明视频
javascript·线性代数·ar·xr·图形渲染
0~max~017 天前
OpenGL材质系统和贴图纹理
c++·游戏引擎·图形渲染
0~max~022 天前
OpenGL入门最后一章观察矩阵(照相机)
c++·矩阵·游戏程序·图形渲染