pixi.js
Version:
<p align="center"> <a href="https://pixijs.com" target="_blank" rel="noopener noreferrer"> <img height="150" src="https://files.pixijs.download/branding/pixijs-logo-transparent-dark.svg?v=1" alt="PixiJS logo"> </a> </p> <br/> <p align="center">
83 lines (72 loc) • 2.71 kB
JavaScript
import { ExtensionType } from '../extensions/Extensions.mjs';
import { BlendModeFilter } from '../filters/blend-modes/BlendModeFilter.mjs';
"use strict";
class VividLightBlend extends BlendModeFilter {
constructor() {
super({
gl: {
functions: `
float colorBurn(float base, float blend)
{
return max((1.0-((1.0-base)/blend)),0.0);
}
float colorDodge(float base, float blend)
{
return min(1.0, base / (1.0-blend));
}
float vividLight(float base, float blend)
{
return (blend < 0.5) ? colorBurn(base,(2.0*blend)) : colorDodge(base,(2.0*(blend-0.5)));
}
vec3 blendVividLight(vec3 base, vec3 blend, float opacity)
{
vec3 blended = vec3(
vividLight(base.r, blend.r),
vividLight(base.g, blend.g),
vividLight(base.b, blend.b)
);
return (blended * opacity + base * (1.0 - opacity));
}
`,
main: `
finalColor = vec4(blendVividLight(back.rgb, front.rgb,front.a), blendedAlpha) * uBlend;
`
},
gpu: {
functions: `
fn colorBurn(base:f32, blend:f32) -> f32
{
return max((1.0-((1.0-base)/blend)),0.0);
}
fn colorDodge(base: f32, blend: f32) -> f32
{
return min(1.0, base / (1.0-blend));
}
fn vividLight(base: f32, blend: f32) -> f32
{
return select(colorDodge(base,(2.0*(blend-0.5))), colorBurn(base,(2.0*blend)), blend<0.5);
}
fn blendVividLight(base: vec3<f32>, blend: vec3<f32>, opacity: f32) -> vec3<f32>
{
let blended: vec3<f32> = vec3<f32>(
vividLight(base.r, blend.r),
vividLight(base.g, blend.g),
vividLight(base.b, blend.b)
);
return (blended * opacity + base * (1.0 - opacity));
}
`,
main: `
out = vec4<f32>(blendVividLight(back.rgb, front.rgb, front.a), blendedAlpha) * blendUniforms.uBlend;
`
}
});
}
}
/** @ignore */
VividLightBlend.extension = {
name: "vivid-light",
type: ExtensionType.BlendMode
};
export { VividLightBlend };
//# sourceMappingURL=VividLightBlend.mjs.map