Download as PDF, PPTX
![PBS principlesPBS principles
LinearLinear
[ref: ]The importance of being linear](https://image.slidesharecdn.com/shaders-claudiadoppioslash-unitywiththebest-160326154151/75/Shaders-Claudia-Doppioslash-Unity-With-the-Best-44-2048.jpg)
![PBS principlesPBS principles
LinearLinear
[ref: ]Linear-Space Lighting (i.e. Gamma)](https://image.slidesharecdn.com/shaders-claudiadoppioslash-unitywiththebest-160326154151/75/Shaders-Claudia-Doppioslash-Unity-With-the-Best-45-2048.jpg)
![PBS principlesPBS principles
HDRHDR
Many operators for Tone MappingMany operators for Tone Mapping
[Ref: ]filmicgames.com
Reinhard
plain linear &
exposure adjustment](https://image.slidesharecdn.com/shaders-claudiadoppioslash-unitywiththebest-160326154151/75/Shaders-Claudia-Doppioslash-Unity-With-the-Best-49-2048.jpg)
![PBS principlesPBS principles
The Rendering EquationThe Rendering Equation
[Ref: ]@levork
(using only 1000 most used English words)](https://image.slidesharecdn.com/shaders-claudiadoppioslash-unitywiththebest-160326154151/75/Shaders-Claudia-Doppioslash-Unity-With-the-Best-50-2048.jpg)
![PBS principlesPBS principles
The Rendering EquationThe Rendering Equation
[Ref: ]Raytracing Lecture](https://image.slidesharecdn.com/shaders-claudiadoppioslash-unitywiththebest-160326154151/75/Shaders-Claudia-Doppioslash-Unity-With-the-Best-51-2048.jpg)
![PBS principlesPBS principles
Microfacet theoryMicrofacet theory
[Ref: ]Moving Frostbite to PBR
In a picture](https://image.slidesharecdn.com/shaders-claudiadoppioslash-unitywiththebest-160326154151/75/Shaders-Claudia-Doppioslash-Unity-With-the-Best-53-2048.jpg)
Uploaded byBeMyApp
Shaders - Claudia Doppioslash - Unity With the Best
The document is a detailed exploration of custom shader programming, including the benefits of creating custom shaders over using default ones in Unity. It covers various shader concepts such as types, principles, and implementation techniques, as well as common rendering equations and BRDFs. The content is geared towards artists and developers interested in enhancing graphics in VR and gaming applications.
More Related Content
Similar to Shaders - Claudia Doppioslash - Unity With the Best
![[UniteKorea2013] The Unity Rendering Pipeline](https://cdn.slidesharecdn.com/ss_thumbnails/theunityrenderingpipelinekuba-130505193137-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[HACKATHON CISCO PARIS] Slideshow du workshop Smart City](https://cdn.slidesharecdn.com/ss_thumbnails/ciscoparisworkshopopeningslideshow-160325094835-thumbnail.jpg?width=640&height=640&fit=bounds)
![[IoT World Forum Webinar] Review of CMX Cisco technology](https://cdn.slidesharecdn.com/ss_thumbnails/cmxtechnologiecisco-151204102222-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Webinar E-résidents #1] Présentation des différents métiers du bâtiment conn...](https://cdn.slidesharecdn.com/ss_thumbnails/prsentationpourlehackathon201601v2-160120114429-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Workshop e résidents] présentation intent, craft ai, dalkia et incubateur](https://cdn.slidesharecdn.com/ss_thumbnails/workshope-rsidentsprsentationintentcraftaidalkiaetincubateur-160202110412-thumbnail.jpg?width=640&height=640&fit=bounds)
![Vibe Coding vs. Spec-Driven Development [Free Meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/vibecodingvsspecdrivendevelopment-251209105622-43f455e7-thumbnail.jpg?width=640&height=640&fit=bounds)
Shaders - Claudia Doppioslash - Unity With the Best
- 1. Shader, TheShader, The UnknownUnknown atUnityWTB - by @doppioslash - 26/03/2016at UnityWTB - by @doppioslash - 26/03/2016
- 2. Hi, I'mHi, I'm ClaudiaDoppioslashClaudia Doppioslash @doppioslash@doppioslash FunctionalFunctional ProgrammerProgrammer GameDevGameDev &&
- 3. Shader Programmer onShaderProgrammer on CyberCook (iPad&VR)CyberCook (iPad&VR)
- 4. I writeI write www.shadercat.comwww.shadercat.com Asite about Shaders, Rust,A site about Shaders, Rust, and Graphics Programmingand Graphics Programming @shadercat
- 5. Why make yourownWhy make your own custom shader(s)?custom shader(s)?
- 6. Why make yourown custom shader(s)?Why make your own custom shader(s)? Unity 5 has got a pretty decent default shader system
- 7. Why make yourown custom shader(s)?Why make your own custom shader(s)? But!But!
- 8. Why make yourown custom shader(s)?Why make your own custom shader(s)? Journey's look was not achieved with a standard shader.
- 9. Why make yourown custom shader(s)?Why make your own custom shader(s)? Optimise for a specificOptimise for a specific target platformtarget platform (Like VR)(Like VR)
- 10. Why make yourown custom shader(s)?Why make your own custom shader(s)? more work needs thought needs time from the artists needs to study those Graphics papers! Drawbacks:Drawbacks:
- 11. So what isaSo what is a shader?shader?
- 12. So what isa shader?So what is a shader? "A piece of code that runs on"A piece of code that runs on the GPU, takes vertices,the GPU, takes vertices, textures, and other data,textures, and other data, and returns pixel colours"and returns pixel colours"
- 13. So what isa shader?So what is a shader? PipelinePipeline scene -> objects with the same material ->scene -> objects with the same material ->
- 14. So what isa shader?So what is a shader? PipelinePipeline drawcall -> list of vertices & other info ->drawcall -> list of vertices & other info ->
- 15. So what isa shader?So what is a shader? PipelinePipeline vertex shader -> fragment + interpolated data ->vertex shader -> fragment + interpolated data ->
- 16. So what isa shader?So what is a shader? PipelinePipeline fragment shader (lighting) -> final pixel colorfragment shader (lighting) -> final pixel color
- 17. (An aside)(An aside) RendererTypesRenderer Types
- 18. Renderer TypesRenderer Types ->(See )GDC 2016 Forward Deferred Forward+ Object Space
- 19. Renderer TypesRenderer Types ForwardForward Shadinghappens at each object's raster timeShading happens at each object's raster time One pass for each lightOne pass for each light Expensive when many lightsExpensive when many lights But good support for complex lightingBut good support for complex lighting Unity supports itUnity supports it
- 20. Renderer TypesRenderer Types DeferredDeferred Shadinghappens last, onceShading happens last, once First rasterises the objects data into 2d buffersFirst rasterises the objects data into 2d buffers Cheap when many lightsCheap when many lights Limited support for complex lightingLimited support for complex lighting Unity supports itUnity supports it
- 21. Unity Shaders BasicUnityShaders Basic
- 22. Unity Shaders BasicUnityShaders Basic Each material has aEach material has a shader assignedshader assigned
- 23. Unity Shaders BasicUnityShaders Basic The language is CgThe language is Cg (NVIDIA) + ShaderLab(NVIDIA) + ShaderLab
- 24. Unity Shaders BasicUnityShaders Basic Pre-filled templatesPre-filled templates
- 25. Unity Shaders BasicUnityShaders Basic Surface Shaders give you:Surface Shaders give you: easier normal mapping helper functions add passes for forward renderer Occasionally it's in the way.Occasionally it's in the way. But!But!
- 26. Unity Shaders BasicUnityShaders Basic Surface ShadersSurface Shaders AnatomyAnatomy
- 27. Unity Shaders BasicUnityShaders Basic Properties:Properties: We can also build custom inspector editors
- 28. Unity Shaders BasicUnityShaders Basic Properties Custom InspectorProperties Custom Inspector
- 29. Unity Shaders BasicUnityShaders Basic SubshaderSubshader
- 30. Unity Shaders BasicUnityShaders Basic StructsStructs
- 31. Unity Shaders BasicUnityShaders Basic StructsStructs limited slots data from the various phases has to go through them
- 32. Unity Shaders BasicUnityShaders Basic Surf functionSurf function
- 33. Unity Shaders BasicUnityShaders Basic custom lighting functioncustom lighting function use the naming convention Lighting<name>
- 34. Unity Shaders BasicUnityShaders Basic (optional) custom vertex shader(optional) custom vertex shader
- 35. Unity Shaders BasicUnityShaders Basic The Standard shaderThe Standard shader implementation can beimplementation can be downloadeddownloaded
- 36. Unity Shaders BasicUnityShaders Basic The include files are important toThe include files are important to interoperate with Unity shadows/lightmapsinteroperate with Unity shadows/lightmaps
- 37.
- 38. Non-PBS principlesNon-PBS principles Inthe olden days...In the olden days... diffuse specular normal texture BRDF lookup fresnel we lacked ALU power to do complex lightingwe lacked ALU power to do complex lighting
- 39. Parts of theshaderParts of the shader Diffuse = dot(N,L)Diffuse = dot(N,L) lacks a model of the surface behaviourslacks a model of the surface behaviours it can give back more light than it receivesit can give back more light than it receives dot product of the Normal and Light directionsdot product of the Normal and Light directions
- 40. Parts of theshaderParts of the shader Diffuse = dot(N,L)Diffuse = dot(N,L)
- 41. Parts of theshaderParts of the shader Normal MappingNormal Mapping is still largely the sameis still largely the same a way to add cheap detail with one texturea way to add cheap detail with one texture
- 42. Parts of theshaderParts of the shader SpecularSpecular depends just on direction and specular mapdepends just on direction and specular map no concept of Roughnessno concept of Roughness Specular Power :/Specular Power :/
- 43.
- 44. PBS principlesPBS principles LinearLinear [ref:]The importance of being linear
- 45. PBS principlesPBS principles LinearLinear [ref:]Linear-Space Lighting (i.e. Gamma)
- 46.
- 47. PBS principlesPBS principles LinearLinear mobiletoLinear mobile toGamma
- 48.
- 49. PBS principlesPBS principles HDRHDR Manyoperators for Tone MappingMany operators for Tone Mapping [Ref: ]filmicgames.com Reinhard plain linear & exposure adjustment
- 50. PBS principlesPBS principles TheRendering EquationThe Rendering Equation [Ref: ]@levork (using only 1000 most used English words)
- 51. PBS principlesPBS principles TheRendering EquationThe Rendering Equation [Ref: ]Raytracing Lecture
- 52. PBS principlesPBS principles MicrofacettheoryMicrofacet theory Introduces a good explanation of RoughnessIntroduces a good explanation of Roughness Surfaces have micro-facetsSurfaces have micro-facets each reflect light according to its normaleach reflect light according to its normal
- 53. PBS principlesPBS principles MicrofacettheoryMicrofacet theory [Ref: ]Moving Frostbite to PBR In a picture
- 54. PBS principlesPBS principles EnergyconservationEnergy conservation More intense highlight are smallerMore intense highlight are smaller Less intense are largerLess intense are larger Can't reflect more light than receivedCan't reflect more light than received
- 55. PBS principlesPBS principles AreaLightsArea Lights Sadly no realtime support in UnitySadly no realtime support in Unity More expensive but more realisticMore expensive but more realistic
- 56. PBS principlesPBS principles Moreaccurate BRDFsMore accurate BRDFs Oren Nayar Cook Torrance Ashikhmin Shirley and many more...
- 57. PBS principlesPBS principles IndirectlightIndirect light Prefiltered CubeMapsPrefiltered CubeMaps Global IlluminationGlobal Illumination
- 58. Physically Based ProcessPhysicallyBased Process
- 59. Normal Process:Normal Process: failand no idea whyfail and no idea why Physically Based ProcessPhysically Based Process You've got nothing to compare with except your own imagination. And small errors can pile up unseen
- 60. PB Process:PB Process: failand know why/wherefail and know why/where by comparing with refby comparing with ref Physically Based ProcessPhysically Based Process
- 61. PB Process:PB Process: samesettings will work withsame settings will work with different lighting conditionsdifferent lighting conditions Physically Based ProcessPhysically Based Process
- 62. Different BRDFsDifferent BRDFs forDifferent surfacesfor Different surfaces
- 63. LambertLambert Different BRDFsDifferent BRDFs DiffuseonlyDiffuse only PlainestPlainest Very cheapVery cheap Ok for matte plastic surfacesOk for matte plastic surfaces
- 64. Oren NayarOren Nayar DifferentBRDFsDifferent BRDFs Adds a roughness modelAdds a roughness model Diffuse onlyDiffuse only Pretty decent for skin, clothPretty decent for skin, cloth (even not using Subsurface(even not using Subsurface Scattering)Scattering)
- 65. BlinnBlinn Different BRDFsDifferent BRDFs plasticplastic withenergy conservation it's a viable choicewith energy conservation it's a viable choice
- 66. Cook TorranceCook Torrance DifferentBRDFsDifferent BRDFs flexible, good all aroundflexible, good all around there are better BRDFs for metalthere are better BRDFs for metal A great specularA great specular
- 67. Ashikhmin ShirleyAshikhmin Shirley DifferentBRDFsDifferent BRDFs Excellent for metalExcellent for metal AnisotropicAnisotropic As an extra layer for wet surfacesAs an extra layer for wet surfaces
- 68. DisneyDisney Different BRDFsDifferent BRDFs onesizefits allonesize fits all maybe easier for artists but not as flexiblemaybe easier for artists but not as flexible they chose to keep the fewest parametersthey chose to keep the fewest parameters possiblepossible
- 69. Drawbacks to choosingDrawbacksto choosing unusual BRDFs:unusual BRDFs: BRDFs window shoppingBRDFs window shopping Indirect lighting calculation can be trickyIndirect lighting calculation can be tricky But using one for a more common BRDF couldBut using one for a more common BRDF could work okwork ok
- 70. Artist facing decisionsArtistfacing decisions
- 71. Artist facing decisionsArtistfacing decisions more configurability meansmore configurability means more confusing for the artistmore confusing for the artist need to figure out whichneed to figure out which parameters are less relevantparameters are less relevant
- 72. Unity Frame DebuggerUnityFrame Debugger
- 73. BRDF DemonstrationBRDF Demonstration Let'sshade some heads in Unity...Let's shade some heads in Unity...
- 74. ConclusionConclusion Now you havethe basics to tackleNow you have the basics to tackle making your own custom lightingmaking your own custom lighting system.system.
- 75. ReferencesReferences Find them at: www.shadercat.com/unity-wtb-talk-shader-the-unknown/ That'sall folks!That's all folks! @doppioslash @shadercat See you on twitter :)