mdx-m3-viewer/src/viewer/handlers/geo/shaders.js

A browser WebGL model viewer. Mainly focused on models of the games Warcraft 3 and Starcraft 2.

import shaders from '../../shaders';

export default {
  vs: `
    ${shaders.instanceId}
    ${shaders.boneTexture}
    uniform mat4 u_mvp;
    uniform vec2 u_uvOffset;
    uniform vec2 u_uvScale;

    attribute vec3 a_position;
    attribute vec2 a_uv;
    attribute vec2 a_uvScale;
    attribute vec4 a_color;

    varying vec2 v_uv;
    varying vec4 v_color;

    void main() {
      v_uv = a_uv * u_uvScale + u_uvOffset;
      v_color = a_color;

      gl_Position = u_mvp * fetchMatrix(0.0, a_InstanceID) * vec4(a_position, 1.0);
    }
  `,
  ps: `
    uniform sampler2D u_diffuseMap;
    uniform float u_alphaMod;
    uniform bool u_isEdge;
    uniform bool u_hasTexture;
    uniform bool u_isBGR;

    varying vec2 v_uv;
    varying vec4 v_color;

    void main() {
      gl_FragColor = v_color;

      if (u_hasTexture && !u_isEdge) {
        vec4 texel = texture2D(u_diffuseMap, v_uv);

        if (u_isBGR) {
          texel = texel.bgra;
        }

        gl_FragColor *= texel;
      }
    }
  `,
};