playcanvas

Version:

PlayCanvas WebGL game engine

25 lines (21 loc) • 721 B

JavaScript

// procedural Bayer matrix, based on: https://www.shadertoy.com/view/Mlt3z8
var bayerPS = /* wgsl */ `
// 2x2 bayer matrix [1 2][3 0], p in [0,1]
fn bayer2(p: vec2f) -> f32 {
    return (2.0 * p.y + p.x + 1.0) % 4.0;
}

// 4x4 matrix, p - pixel coordinate
fn bayer4(p: vec2f) -> f32 {
    let p1: vec2f = p % vec2f(2.0);
    let p2: vec2f = floor(0.5 * (p % vec2f(4.0)));
    return 4.0 * bayer2(p1) + bayer2(p2);
}

// 8x8 matrix, p - pixel coordinate
fn bayer8(p: vec2f) -> f32 {
    let p1: vec2f = p % vec2f(2.0);
    let p2: vec2f = floor(0.5 * (p % vec2f(4.0)));
    let p4: vec2f = floor(0.25 * (p % vec2f(8.0)));
    return 4.0 * (4.0 * bayer2(p1) + bayer2(p2)) + bayer2(p4);
}
`;

export { bayerPS as default };