WebGPU Example: Skinning Points

[sunag]

Related issue: #22667 (comment)

For WebGPU only for now.

https://raw.githack.com/sunag/three.js/dev-skinning-points/examples/index.html?q=webgpu#webgpu_skinning_points

This contribution is funded by Google via Igalia.

[sunag]

Usage:

skinnedMesh.visible = false;

const materialPoints = new Nodes.PointsNodeMaterial();
materialPoints.colorNode = new Nodes.ColorNode();
materialPoints.positionNode = new Nodes.SkinningNode( skinnedMesh );

const pointCloud = new THREE.Points( skinnedMesh.geometry, materialPoints );
scene.add( pointCloud );

[mrdoob]

materialPoints.positionNode = new Nodes.SkinningNode( skinnedMesh );

Is this something that will be able to be hidden in a future THREE.PointsMaterial?
It's kind of similar to the skinning: true that we removed recently...

[sunag]

Hmm... for me, ok.
I like of this example that show how NodeMaterial can be flexible.
I have don't tested it, but should be work in THREE.Lines too.