TSL texture reading / passed as argument in Fn does not work

[Samsy]

Description

Hello there !

Sampling a texture via inline materialnode look straightforward :

const uTex = texture( tex );

material.colorNode = uTex.sample(oneMinus( uv() ));

Using Fn and passing a texture as argument makes it challenging and not working ( tdisp.sample is not a function ) :

 const sampleTex = Fn(([tdisp])=> {
    
      	return tdisp.sample(oneMinus( uv() ) )
        
}).setLayout( {
        name: 'sampleTex',
        type: 'float',
        inputs: [
          {
            name: "sampleTex",
            //type: "texture"
            type: "sampler2D"
          }
        ]
} )


material.colorNode = Fn(()=>{

        return sampleTex(uTex)

})()

Been looking at the example folder, and there is no example of passing a texture in a Fn

The transpiler gives wrong results :

But also, it all seems unclear how to use textures as uniforms / in nodes,

To test you can move the CASE variable from 0 to 1

Live example

https://jsfiddle.net/0w3mhbfa/107/

Screenshots

No response

Version

last

Device

Desktop

Browser

Chrome

OS

MacOS

[Samsy]

Hey hello @sunag !

Bumping into this problem quite a few times,
Main trouble is, at the moment we can't defines a TSL Fn on an external file that are using a texture as input which makes it difficult to impossible a Fn library of nodes

[sunag]

This feature is on the roadmap, for now you can use it without .setLayout().

[Samsy]

Hey @sunag !

Thanks for the reply !

Here is the fiddle with the problem :

tdisp.sampleis undefined

And I could not find any examples in the repo or the wiki passing a texture as an args into the setLayout

https://jsfiddle.net/0w3mhbfa/107/

Edit :

Sorry I mis-red your answer, I'll check without the setLayout

[Samsy]

@sunag

Well, for my use-case I did try to implement without the setLayout, but using Fn without setlayout also does not work :

https://jsfiddle.net/yhp1gt0L/2/

It certainly work using inlines, but then it is not possible to assign / instantiate properties, varyings etc..

[sunag]

Try using Fn( [ params ] ) => in Fn declaration: https://jsfiddle.net/zroj0bqv/1/