@damienmortini/three/material/THREEBaseMaterial.js

Three.js helpers

import { ShaderChunk } from '../../../three/src/Three.js';
import THREEShaderMaterial from './THREEShaderMaterial.js';

export default class THREEBaseMaterial extends THREEShaderMaterial {
  constructor({
    vertexChunks = [],
    fragmentChunks = [],
    uniforms = {},
    morphTargets = false,
    skinning = false,
    ...options
  } = {}) {
    super({
      uniforms,
      vertex: `
        void main() {
        }
      `,
      vertexChunks: [
        ['start', `
          ${morphTargets ? '#include <morphtarget_pars_vertex>' : ''}
          ${skinning ? '#include <skinning_pars_vertex>' : ''}
          
          in vec3 color;
          
          out vec3 vColor;
          out vec3 vPosition;
          out vec3 vNormal;
          out vec2 vUV;
          out vec3 vWorldPosition;
          out vec3 vViewDirection;
          out float vFresnel;
        `],
        ['main', `
          vec3 transformedPosition = position;
          vec3 transformedNormal = normal;

          ${skinning ? ShaderChunk.skinbase_vertex : ''}

          ${morphTargets ? ShaderChunk.morphnormal_vertex.replace(/objectNormal/g, 'transformedNormal') : ''}
          ${skinning ? ShaderChunk.skinnormal_vertex.replace(/objectNormal/g, 'transformedNormal') : ''}
          
          ${morphTargets ? ShaderChunk.morphtarget_vertex.replace(/transformed/g, 'transformedPosition') : ''}
          ${skinning ? ShaderChunk.skinning_vertex.replace(/transformed/g, 'transformedPosition') : ''}
        `],
        ['end', `
          vec3 worldPosition = (modelMatrix * vec4(transformedPosition, 1.)).xyz;
          gl_Position = projectionMatrix * viewMatrix * vec4(worldPosition, 1.);
          
          vWorldPosition = worldPosition;
          vViewDirection = normalize(worldPosition - cameraPosition);
          vPosition = transformedPosition;
          vNormal = normalize(mat3(modelMatrix) * transformedNormal);
          vUV = uv;
          vFresnel = 1. - abs(dot(-vViewDirection, vNormal));
          vColor = color;
        `],
        ...vertexChunks,
      ],
      fragmentChunks: [
        ['start', `
          in vec3 vPosition;
          in vec3 vNormal;
          in vec2 vUV;
          in vec3 vWorldPosition;
          in vec3 vViewDirection;
          in float vFresnel;
          in vec3 vColor;
        `],
        ...fragmentChunks,
      ],
      ...options,
    });
  }
}