WebGPU: Sprites and InterleavedBufferAttribute

[sunag]

WebGPU and NodeMaterial

• WebGPU: Add supports to InterleavedBufferAttribute
• Add SpriteNodeMaterial
• Nodes: Split .generateMain() to .generatePosition() and .generateDiffuseColor()
• NodeMaterial: Fix .fogNode for transparent materials
• Add UserDataNode
• WebGPUInfo: count sprite triangles
• Add MaterialNode.ROTATION property

Example

• add webgpu_sprites example (click here to open)

object3d.userData property via NodeMaterial

Certainly, it will reduce the need to create multiples materials to instantiate an "Object3D property" like this example:

import { userData } from 'three-nodes/Nodes.js';

// individual rotation per sprite
material.rotationNode = userData( 'rotation', 'float' ); // get value of: sprite.userData.rotation

This contribution is funded by Google via Igalia