Giter Site home page Giter Site logo

shadertexturetypeandtechniques's Introduction

Shader textures and techniques

This article is a data base of all texture and technique used in shader to create effect. It is usefull to learn, inspirate, give detail and link to go further. Help this article to grow up and become a solide resource for graphic programmers.


Summary

  • Albedo
  • VAT (vertex animation texture)
  • Flow map
  • Gradient map
  • Transform color thanks to matrix
  • Contributor

Albedo / Diffuse color / Base color:

Description:

Texture that store the brut color of the pixel



Detail mapping:

Description:

Texture that store a noise effect and that will be usefull to avoid flat aspect of nearest texture. This effect give the illusion that the texture containe more detail.

Characteristics:

  • Monochrome
  • Blended with albedo
  • Can be small and tiled

Example:

With Without

Link:

  • Project example with detail mapping
  • -------------------

    VAT (vertex animation texture):

    Description:

    Texture that store animation. Each pixel is the local position (or normal) of a vertex. All vertex is in line and animation key correspond to the row.

    Characteristics:

    • RGB
    • GPU animation only (static mesh in CPU)
    • Avoid data transfer fro CPU to GPU
    • Without bone (without link for colllider, object...). Great for background animation
    • Blend is possible with another VAT

    Link:

  • Article and main reference about this technique
  • A wonderfull video about this technique
  • -------------------

    Flow map:

    Description:

    Flow map is a texture that allow user to create movement thanks to the UV. This technical is based on the UV tiling but with more complexe movement

    Characteristics:

    • R, RG, RGB, RGBA

    Link:

  • A wonderfull video about this technique


  • Gradient map:

    Description:

    Gradiant map is a technical to color monochrome texture fastly and with flexibilty. User can change the gradient map to obtain differentes color effects.

    Characteristics:

    • RGB, RGBA

    Link:

  • A wonderfull video about this technique


  • Transform color thanks to matrix:

    Description:

    Matrices can be use to translate, rotate, scale, shrink a vector. Color is a vector and this rule can be applyed to it.


    Contributor

    • Jonathan Six

    shadertexturetypeandtechniques's People

    Contributors

    renardjojo avatar

    Stargazers

    Aymerick avatar Judicaël Charlot avatar Julien SOYSOUVANH avatar

    Watchers

     avatar

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.