Hello,
This is my first post on the forum so I hope it will be well done.
I made this shader material to have this yellow selection area but it should have a glow effect. However I can’t do it and I think that maybe one of you has already done it?
Thanks a lot for your help!
let m = new THREE.MeshStandardMaterial({
map: diffuse,
displacementMap: height,
normalMap: normal,
roughnessMap: roughness,
aoMap: ao_map,
displacementScale: 5,
emissive:new THREE.Color('#FF4500'),
emissiveMap: em_map,
emissiveIntensity: 3.5,
envMap: hdrEquirect,
envMapIntensity : 4,
onBeforeCompile: shader => {
shader.uniforms.rectSize = uniforms.rectSize;
shader.uniforms.rectWidth = uniforms.rectWidth;
shader.uniforms.center = uniforms.center;
shader.vertexShader = `
varying vec2 vPos;
${shader.vertexShader}
`.replace(
`#include <fog_vertex>`,
`#include <fog_vertex>
vPos = position.xz;
`
);
shader.fragmentShader = `
#define ss(a, b, c) smoothstep(a, b, c)
uniform vec3 center;
uniform vec2 rectSize;
uniform float rectWidth;
varying vec2 vPos;
${shader.fragmentShader}
`.replace(
`#include <dithering_fragment>`,
`#include <dithering_fragment>
vec2 hSize = rectSize * 0.5;
vec2 rPos = abs( vPos - center.xz ) - hSize;
float rect = float(abs(max(rPos.x,rPos.y)) < rectWidth * 0.5);
gl_FragColor.rgb = mix(gl_FragColor.rgb, vec3(0.93, 0.69, 0.22), rect * 0.5);
`
);
}
});
The reseult :
Tonemapping, intensity of light(s), type of material on your mesh and many other things.
