Hi there, I’m doing some experiments and I was trying to re-create the physical material using the ShaderMaterial (so I can later modify it). I tried both var customMaterial = new THREE.ShaderMaterial(THREE.ShaderLib.physical); and var customMaterial = new THREE.ShaderMaterial({ uniforms: T…

The problem is that custom shader materials do not benefit of certain features provided for built-in materials. E.g. defines are not automatically set and encoding functions are not properly configured. In your fragment shader, you have the following function for decoding texels of an env map: vec4…

Long answer is required to fully understand why. I will try to be brief instead. The answer is: “magic” :rainbow: Three.js doesn’t actually have a uniform material framework, those materials that come pre-packed with three.js? - the library treats them specially, if you read the rendering code, i…

[image] sinokgr: I was trying to re-create the physical material using the ShaderMaterial (so I can later modify it). Please read in this context the following answer at stackoverflow: [Mugen87] How do you "combine"a ShaderMaterial and LambertMaterial? javascript, …

great, many thanks for the resources guys. I’ll give them a read/try!

Another tutorial on extending materials that outlines a few basic patterns: [image] Extending three.js materials with GLSL What are three.js materials? Reading time: 11 min read

Hi All, Many thanks again for all your replies and apologies for my late reply, but some urgent work came in so I had to suspend my research. I think Shader Chunks is the best approach for me, but I’m having an issue. Bellow is the fragment shader I wrote based on the physical fragment shader I f…

still interested for an answer on this one if anyone knows how to fix it.

WOW! That’s awesome! Many thanks @Mugen87 !! much appreciated! That worked like a charm!

Manually create a Physical Material

Questions

EliasHasle October 16, 2019, 9:55am 4

You may also want to check out this recent thread: Where do material's properties come?

Topic		Replies	Views
Function to extend Materials Resources shaders , shader-material , custom-material	32	12649	May 20, 2021
Imitating StandardMaterial lights in ShaderMaterial Questions materials , shaders , lights	4	4624	January 15, 2020
[Solved] Recreating build-in materials using ShaderMaterial Questions materials	1	1526	June 1, 2018
Learning shader patching for three.js Questions shaders , learning-resources	4	4622	April 9, 2018
Mesh physical material with custom shader as the map value Questions materials , shaders	1	1112	March 8, 2022

Manually create a Physical Material

Related topics