Raycast on a WebGPU Line2 / Line2NodeMaterial breaks

[Samsy]

Description

Raycasting a Line2 imported from WebGPU + Line2NodeMaterialbreaks

Because Line2NodeMaterial.resolution does not exists

Live example

Live Fiddle Link

Screenshots

Version

last

Device

Desktop

Browser

Chrome

OS

Windows, MacOS

[Mugen87]

Line2NodeMaterial does not have a resolution uniform so we may need a different approach for LineSegments2.raycast(). Maybe the resolution can be a parameter of the raycasting method?

[gkjohnson]

The resolution is updated in the Mesh's onBeforeRender function but there's no reason that field has to be stored on the material. It could just as easily be stored on the LineSegments2 class itself:

onBeforeRender( renderer ) {

	renderer.getViewport( _viewport );
	this.resolution.set( _viewport.z, _viewport.w );

}

[Mugen87]

To clarify there is a WebGPU version of LineSegments2 because of the different material usage (LineMaterial vs Line2NodeMaterial). The following module needs an update:

https://github.com/mrdoob/three.js/blob/dev/examples/jsm/lines/webgpu/LineSegments2.js

However, the idea of using onBeforeRender() to extract the resolution sounds good.

[Samsy]

@Mugen87

This one works,

LineSegments2

Created a Vector2 on the LineSegments2 mesh,

vec2

Updated on onBeforeRender :

onBeforeRender

Is this what you meant with the onBeforeRender ?

Shall this vector2 be a property of the mesh ?

[Mugen87]

This looks good to me. Would like filing a PR?

[Samsy]

@Mugen87 here :

PR