WebGPU: All UBOs and varys is generate by nodes

[sunag]

• All UBOs and varys is generate by nodes
• new nodes: GLPositionNode, ModelNode, CameraNode, Matrix3Node, Matrix4Node, VaryNode, PositionNode
• displace (without normals) example

Related: #20421 (comment)

[Mugen87]

Sidenote: The PR currently breaks webgpu_compute.

[sunag]

Sidenote: The PR currently breaks webgpu_compute.

Fixed! 5922e92

[sunag]

Next steps I have here ... You guys have something in mind what I should prioritize?

1. TempNode generate temporary variable if needed ( implementation of analyze and pre-build )
2. Add GGX lighting model
3. FunctionNode -> shader language for NodeMaterial
4. MathNode, CubeNode and others...

[Mugen87]

An initial version of FunctionNode would be interesting so users can enhance a node material with custom code.

However, I would not start with introducing a custom shading language for node material. Let's assume for now FunctionNode holds GLSL and later (at some point) WSL.

I would suggest to demonstrateFunctionNode with a new example. The existing sandbox example is already big enough.

[sunag]

@mrdoob Do you have a preference here? #21170 (comment)

I just finished NormalNode fully node based

[Mugen87]

Merging this so you can move on. We can rename GLPositionNode with a later PR if necessary.

[Mugen87]

Sidenote: The default JavaScript parser of ESLint (Espree) does currently not support class fields syntax. Hence, the linter reports a parsing error:

Unexpected token =

The only way to fix this right now is to use a different parser like @babel/eslint-parser. However, this will require an additional dev dependency and an enhancement of the eslintConfig section in package.json.

@mrdoob Unless we don't start using class fields in the core, I recommend to do nothing for now. This issue should hopefully be resolved when class fields are not experimental anymore.