Starting with resources

First things first: before starting this project, I have several links and tabs hanging open in my Google for weeks. Today I sorted them into more or less subtopics of my research resources:

SHADING LANGUAGESLinks
TSLSpecification
TSLMedium Article and video from @gianluca.lomarco
WGSLDamien Seguin: comparing WGSL and GLSL
WGSLWebGPU best Practices pdf from Khronos Group
WGSLPodcast with Gregg Tavares (author of WebGL/WebGPU Fundamentals)
GLSLAll shaders lessons of Bruno Simon
GLSLNon-Figurativ “Entanglement” piece source code

Extra: Introduction to Signed Distance Fields

More on WebGPULinks
WebGPU FundamentalsGithub Repo
WebGPU FundamentalsWebgpufundamentals.org Lessons
WebGL & WebGPU Meetup - November 2024Youtube video
Working with Shaders and MaterialsLinks
Nodetoyhttps://nodetoy.co/
Material Xhttps://materialx.org/

I started with reading Medium Article and watching Youtube video from @gianluca.lomarco about what Threejs Shading Language is (finally italian skills come in use!). To plan what I am going to do, I wanted to get a better understanding of what TSL is. Main takeaways are:

Nodes

TSL facilitates shader development by breaking down the shaders into a series of nodes, each applying a specific effect. These nodes can be combined to generate the final shader.

WEBGL & WEBGPU

TSL will automatically handle the adaptation for the appropriate API, whether GLSL for WebGL or WGSL for WebGPU.

Next steps for me will be to get more comofrtable with writing shading langugaes and plan out the roadmap.