Editing Quad Textures


[[File:Urho quad texture.jpg|none|thumb|400x400px]]
This method means having four textures in one image like this:
[[File:Blender bricks quad.jpg|none|thumb|400x400px]]Diffuse, normal, specular and height map (the height map is not used in this material). A similar method could be used to pack three textures (which would be better in this case as only three are used) or even more materials in one image file.

This has two advantages:
* This helps having many textures as Urho3D and the hardware are limited to a certain texture count (for example 8 or 16). -> Four images for the "cost" of one.
* It's much more convenient to create such an image when using Blender with a technique like this: [[Creating Seamless Procedural Textures with Blender#Bricks as a .22Quad Texture.22|Creating_Seamless_Procedural_Textures_with_Blender#Bricks_as_a_"Quad_Texture"]]
There is an issue with the mipmaps then using such an image with four textures like displayed above, it results in ugly stripes like these:
[[File:Urho quad stripes.jpg|none|thumb|400x400px]]To fix this the shader code needs to be a bit different and the image needs to be like this:
[[File:Blender bricks quad-0.jpg|none|thumb|400x400px]]
Each of the four tiles is still used as a square which means that half of the texture (the left part of each rectangle) isn't even used. But it's correcting the mipmaps to not create the black stripes seen above.
The material file:
 <material><br>    <technique name="Techniques/quad.xml"/><br>    <texture name="Textures/blender_bricks_quad.jpg" unit="diffuse"/><br>    <parameter name="MatDiffColor" value="1.0 1.0 1.0 1"/><br>    <parameter name="MatSpecColor" value="2.5 2.5 2.5 30"/><br></material>
unit="diffuse" has no real meaning here as this image is not only used for diffuse. This just says that this texture is number 0 which is important for the shader as it expects the one texture at "place" 0.

The technique: Techniques/quad.xml
 <technique vs="quad" ps="quad"><br>    <pass name="base" /><br>    <pass name="litbase" psdefines="AMBIENT" /><br>    <pass name="light" depthtest="equal" depthwrite="false" blend="add" /><br>    <pass name="prepass" psdefines="PREPASS" /><br>    <pass name="material" psdefines="MATERIAL" depthtest="equal" depthwrite="false" /><br>    <pass name="deferred" psdefines="DEFERRED" /><br>    <pass name="depth" vs="Depth" ps="Depth" /><br>    <pass name="shadow" vs="Shadow" ps="Shadow" /><br></technique>
The GLSL shader (based on the terrain shader and parts from LitBase): "Shaders/quad.glsl"
 #include "Uniforms.glsl"<br>#include "Samplers.glsl"<br>#include "Transform.glsl"<br>#include "ScreenPos.glsl"<br>#include "Lighting.glsl"<br>#include "Fog.glsl"<br><br>varying vec4 vTexCoord;<br><br>varying vec3 vNormal;<br>varying vec4 vTangent;<br>varying vec4 vWorldPos;<br>#ifdef PERPIXEL<br>    #ifdef SHADOW<br>        varying vec4 vShadowPos[NUMCASCADES];<br>    #endif<br>    #ifdef SPOTLIGHT<br>        varying vec4 vSpotPos;<br>    #endif<br>    #ifdef POINTLIGHT<br>        varying vec3 vCubeMaskVec;<br>    #endif<br>#else<br>    varying vec3 vVertexLight;<br>    varying vec4 vScreenPos;<br>    #ifdef ENVCUBEMAP<br>        varying vec3 vReflectionVec;<br>    #endif<br>    #if defined(LIGHTMAP) || defined(AO)<br>        varying vec2 vTexCoord2;<br>    #endif<br>#endif<br><br>uniform sampler2D sTexture0;<br><br>void VS()<br>{<br>  mat4 modelMatrix = iModelMatrix;<br>  vec3 worldPos = GetWorldPos(modelMatrix);<br>  gl_Position = GetClipPos(worldPos);<br>  vNormal = GetWorldNormal(modelMatrix);<br>  vWorldPos = vec4(worldPos, GetDepth(gl_Position));<br>
   vec3 tangent = GetWorldTangent(modelMatrix);<br>  vec3 bitangent = cross(tangent, vNormal) * iTangent.w;<br>  vTexCoord = vec4(GetTexCoord(iTexCoord), bitangent.xy);<br>  vTangent = vec4(tangent, bitangent.z);<br>
   #ifdef PERPIXEL<br>    // Per-pixel forward lighting<br>    vec4 projWorldPos = vec4(worldPos, 1.0);<br><br>    #ifdef SHADOW<br>      // Shadow projection: transform from world space to shadow space<br>      for (int i = 0; i < NUMCASCADES; i++)<br>        vShadowPos[i] = GetShadowPos(i, projWorldPos);<br>    #endif<br>
     #ifdef SPOTLIGHT<br>      // Spotlight projection: transform from world space to projector texture coordinates<br>      vSpotPos = projWorldPos * cLightMatrices[0];<br>    #endif<br>    <br>    #ifdef POINTLIGHT<br>      vCubeMaskVec = (worldPos - cLightPos.xyz) * mat3(cLightMatrices[0][0].xyz, cLightMatrices[0][1].xyz, cLightMatrices[0][2].xyz);<br>    #endif<br>  #else<br>    // Ambient & per-vertex lighting<br>    #if defined(LIGHTMAP) || defined(AO)<br>      // If using lightmap, disregard zone ambient light<br>      // If using AO, calculate ambient in the PS<br>      vVertexLight = vec3(0.0, 0.0, 0.0);<br>      vTexCoord2 = iTexCoord2;<br>    #else<br>      vVertexLight = GetAmbient(GetZonePos(worldPos));<br>    #endif<br>        
     #ifdef NUMVERTEXLIGHTS<br>      for (int i = 0; i < NUMVERTEXLIGHTS; ++i)<br>        vVertexLight += GetVertexLight(i, worldPos, vNormal) * cVertexLights[i * 3].rgb;<br>    #endif<br>        
     vScreenPos = GetScreenPos(gl_Position);<br>
     #ifdef ENVCUBEMAP<br>      vReflectionVec = worldPos - cCameraPos;<br>    #endif
   #endif<br>}<br><br>void PS()<br>{
   vec2 tex_coord_diff=vec2(mod(vTexCoord.x/4.0,0.25),vTexCoord.y);<br>
   tex_coord_diff.x=0.0625+tex_coord_diff.x*0.5;<br>  vec4 diffColor=cMatDiffColor.rgba*texture2D(sTexture0,tex_coord_diff);<br><br>  // Get material specular albedo<br>  vec3 specColor = cMatSpecColor.rgb*texture2D(sTexture0,vec2(tex_coord_diff.x+0.5,tex_coord_diff.y)).rgb;<br><br>  // Get normal<br>  mat3 tbn = mat3(vTangent.xyz, vec3(vTexCoord.zw, vTangent.w), vNormal);<br>  vec3 normal = normalize(tbn * DecodeNormal(texture2D(sTexture0,vec2(tex_coord_diff.x+0.25,tex_coord_diff.y))));<br><br>  // Get fog factor<br>  #ifdef HEIGHTFOG<br>    float fogFactor = GetHeightFogFactor(vWorldPos.w, vWorldPos.y);<br>  #else<br>    float fogFactor = GetFogFactor(vWorldPos.w);<br>  #endif<br><br>  #if defined(PERPIXEL)<br>    // Per-pixel forward lighting<br>    vec3 lightColor;<br>    vec3 lightDir;<br>    vec3 finalColor;<br>        
     float diff = GetDiffuse(normal, vWorldPos.xyz, lightDir);<br>
     #ifdef SHADOW<br>      diff *= GetShadow(vShadowPos, vWorldPos.w);<br>    #endif<br>    
     #if defined(SPOTLIGHT)<br>      lightColor = vSpotPos.w > 0.0 ? texture2DProj(sLightSpotMap, vSpotPos).rgb * cLightColor.rgb : vec3(0.0, 0.0, 0.0);<br>    #elif defined(CUBEMASK)<br>      lightColor = textureCube(sLightCubeMap, vCubeMaskVec).rgb * cLightColor.rgb;<br>    #else<br>      lightColor = cLightColor.rgb;<br>    #endif<br><br>
     #ifdef SPECULAR<br>      float spec = GetSpecular(normal, cCameraPosPS - vWorldPos.xyz, lightDir, cMatSpecColor.a);<br>     finalColor = diff * lightColor * (diffColor.rgb + spec * specColor * cLightColor.a);<br>    #else<br>      finalColor = diff * lightColor * diffColor.rgb;<br>    #endif<br><br>    #ifdef AMBIENT<br>      finalColor += cAmbientColor * diffColor.rgb;<br>      finalColor += cMatEmissiveColor;<br>      gl_FragColor = vec4(GetFog(finalColor, fogFactor), diffColor.a);<br>    #else<br>      gl_FragColor = vec4(GetLitFog(finalColor, fogFactor), diffColor.a);<br>    #endif<br>  #elif defined(PREPASS)<br>    // Fill light pre-pass G-Buffer<br>    float specPower = cMatSpecColor.a / 255.0;<br><br>    gl_FragData[0] = vec4(normal * 0.5 + 0.5, specPower);<br>    gl_FragData[1] = vec4(EncodeDepth(vWorldPos.w), 0.0);<br>  #elif defined(DEFERRED)<br>    // Fill deferred G-buffer<br>    float specIntensity = specColor.g;<br>    float specPower = cMatSpecColor.a / 255.0;<br><br>    gl_FragData[0] = vec4(GetFog(vVertexLight * diffColor.rgb, fogFactor), 1.0);<br>    gl_FragData[1] = fogFactor * vec4(diffColor.rgb, specIntensity);<br>    gl_FragData[2] = vec4(normal * 0.5 + 0.5, specPower);<br>    gl_FragData[3] = vec4(EncodeDepth(vWorldPos.w), 0.0);<br>  #else<br>    // Ambient & per-vertex lighting<br>    vec3 finalColor = vVertexLight * diffColor.rgb;<br><br>  #ifdef MATERIAL<br>    // Add light pre-pass accumulation result<br>    // Lights are accumulated at half intensity. Bring back to full intensity now<br>    vec4 lightInput = 2.0 * texture2DProj(sLightBuffer, vScreenPos);<br>    vec3 lightSpecColor = lightInput.a * lightInput.rgb / max(GetIntensity(lightInput.rgb), 0.001);<br><br>    finalColor += lightInput.rgb * diffColor.rgb + lightSpecColor * specColor;<br>  #endif<br>    gl_FragColor = vec4(GetFog(finalColor, fogFactor), diffColor.a);<br>  #endif<br>}
See also [[Terrain Shader with normal, specular and height mapping]].

'''Another note on the texture sampling issue: '''Theoretically this can be also fixed by doing manual texture sampling in the shader by using texelFetch instead of texture2D, but it was super slow in my tests. My FPS in FullHD dropped from >200 to ~40.