I set vertexNode like this below, but It always occurs an error. And there are few examples to show how to use it. Can anyone help me please? const sphereGeometry = new THREE.SphereGeometry(1, 32, 32); const material2 = new THREE.NodeMaterial({ }); let viewProj = tsl.modelViewProjection(); viewPro…

You tried add a material.colorNode = color( 0xffffff ); for NodeMaterial base class, sorry, let me know if that’s the case and I’ll add some warning messages.

@sunag Excuse me, can you help me please?

I am working with NodeMaterial too, but I have no idea. Your code seems fine, maybe it will work in r168? @sunag

[image] sunag: material.colorNode = color( 0xffffff ); After Adding colorNode, it works. So when vertexNode is set, the colorNode should be set too.

@sunag I’ve found that if logarithmicDepthBuffer is true, the renderpline also break down. The relevant nodes are ModelViewProjectionNode and ViewportDepthNode. It seems that vertexNode doesn’t work with logarithmic depth. My threejs version is r167, and I don’t if it works fine in the latest versio…

Does the error message disappear when you try to test this? material.depthNode = 0.5; //just for a simple test The logarithmicDepthBuffer works very nicely. I’m working a lot with it. But I do all of this with wgslFn and therefore with own shaders. I haven’t yet looked into how this works with t…

[image] Attila_Schroeder: material.depthNode = 0.5; //just for a simple test Yes, I tried it. You are absolutely right. Does this mean you must set value for depthNode when vertexNode is set. Or is it a bug to fix?

That was just for testing, because if you don’t use the depthNode when you use the vertexNode with active logDepthBuffer, you’ll get your error message. Instead of the 0.5 which I only mentioned for testing purposes, you need the correct node from the node system. However, I don’t know it and that’s…

I added an example to this question in the forum [image] WebGPURender with logarithmicDepthBuffer is not work! Questions I use WebGPURender with logarithmicDepthBuffer but not work. I find the reason when i use custom material and set vertexNode=xxxxx, i will show this …

That’s exactly what I met. If there is some documents or comments to explain why depthNode should be set, it would be much better.

In webgl you set the depth from the fragment shader. But not in WebGPU. This is due to WebGPU’s modern and efficient pipeline. The depthNode is not made on the whim of the three.js developers, but rather a useful node to be able to control the depth since, as far as I know, this is processed in the…

How to use vertexNode of NodeMaterial

Questions

Attila_Schroeder August 16, 2024, 12:21pm 10

I added an example to this question in the forum

Topic		Replies	Views
WebGPURender with logarithmicDepthBuffer is not work! Questions logarithmicdepthbuffer	5	367	August 16, 2024
How to write custom vertex shader using NodeMaterial and WebGPURenderer? Questions node-material , webgpu	0	309	April 3, 2024
Line2NodeMaterial and vertexNode Questions tsl	7	276	September 14, 2025
WebGPUTextureRenderer: Make TextureNode from depth buffer Questions post-processing , node-material , webgpu	2	1065	April 5, 2023
NodeMaterials Not Working with WebGL (fixed with r159) Questions node-material	3	693	November 9, 2023

How to use vertexNode of NodeMaterial

Related topics