Breaking: smarter geometry attributes

[GoodBoyDigital]

• auto detect geometry attribute data for WebGPU
• refined and aligned how we do this in WebGL too
• renamed shaderLocation to location on attribute
• added some tests

// before:
 const geometry = new Geometry({
        attributes: {
            aPosition: {
                buffer:[-100, -50, 100, -50, 0, 100],
                shaderLocation:0,
                format: 'float32x2',
            },
            aColor: {
                buffer:[1, 0, 0, 0, 1, 0, 0, 0, 1],
                shaderLocation:1,
                format: 'float32x3',
            }
        },
    })

// after:
 const geometry = new Geometry({
        attributes: {
            aPosition:[-100, -50, 100, -50, 0, 100],
            aColor: [1, 0, 0, 0, 1, 0, 0, 0, 1],
        },
    })

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 42a95a5:

Sandbox	Source
pixi.js-sandbox	Configuration