Greeting I like to give you a Introduction to Shader Scripting within Unity Show how the shaders you use and how to adapt to your project Give you

Transcription

1 Greeting I like to give you a Introduction to Shader Scripting within Unity Show how the shaders you use and how to adapt to your project Give you basic understanding how they works Hope you can start to create you own shaders! How many people still using build-in shaders? How many people already have experience with own custom shaders? About myself: Level Designer at InnoGames since over a year working on a non Announced project Also currently working on a side project with Unity have working experience over serveral year in Unity, Unreal and some other relic SKDs 1

2 Content New Standard shader vs. Legacy Shaders Framework Surface Shader Code Structure Profiling & Anayling Extra: Workflow: Copy, Combine, Transform Pratice This talk is not about: 3rd party tools into unity How does it works on hardware My learnings also apart of my opinion, so please take it with a pinch of salt 2

3 Technical solution to: Give the player Feedback Give the player the right amount of information at the right time, communicate with a visual language to the player Objects with interaction Highlight and set attention Unique Art Style stand out the rest Fit to your concept design Performance optimization every project is unique, has differnet requirements and goals Build-In shader sometime just overkill Recommendation: Makin' Stuff Look Good: Simonschreibt: 3

4 New Standard Shader New standard and go-to option more realistic shading (since unity5) Looks better out of the box -> pushes on the competitors Phyically Based Shading (PBS), Don t reflect more light than they receive Uniform and consistant approach, because based on one complex Shader, Energy conservation More Requirements for the Input data, set up Light & Reflection probes Specular and Fresnel everywhere -> Surface becomes more reflective at grazing angles streamlined inspector Costs more -> PC / Console, negligible Legacy Shaders For specific & unique shading -> easy to fuck up Unity Look -> Basic shader is simple and plain PBS can be repreduced -> Unity 4 had most of options already, but needs lot of graphics knowledge Many very specific shader Easier to understand und to start with faster 4

5 Mobile non-negligible -> use Legacy Recommendation: Aras Pranckevičius blog <- Rendering plumber at Unity 4

6 Pipeline / Framework Very rudimentary and simplified of the render pipeline, to keep it understandable Materials -> definitions of how a surface should be rendered, including the references to textures used, other parameters, depends on shader Shaders -> Excecution, small scripts, contain the mathematical calculations, algorithms for calculating the colour of each pixel rendered, based on the lighting input and the Material configuration. Textures are bitmap images. Used by Material s shader to calculating the surface property of an object. basic colour (albedo), reflectivity or roughness, combined in channels Unity ShaderLab: improved Cg/HLSL (additional render parameter & alternative hardware / platforms) Allows the compatible with OpenGL / Direct X API Output: Different Data Channels Rendered Object: Cg Handbock: HLSL (supports DirectX) -> High Level Shading Language Language is Cg (Nvidia) or HLSL(Microsoft), 5

7 5

8 You can find the Example code here: aring Code Structure of a Surface Shader Using legacy shader example: Transparent Bumped Specular Close to the new Standard Shader No vert() here Geometry / Fragment Shading We don t change vertex here or use them 6

9 Let break down the code: Properties SubShader (where the fun starts, the actual render path), add a simpler SubShader CGPROGRAM..ENDCG Block inside, what to compile Picks first subshader which works on the user s graphics card You can use Pass Blocks like Pass, UsePass and GrabPass Tags Lighting() -> & Shader Model Initialize Variables Input Struct Extended Out Struct -> missing here (Emission & Specular Color) Surf() FallBack Shader 7

10 Load other fuctions from different files // #include "./relative/path/to/yourshader.cginc" // Shader "directory/name/subname" can be used to sort your shaders Properties: public input of values and textures by the editor user variables needs to start with a underscore so CG can they identify as given // name ("display name", type) = default_value {} MainTex: this texture has 4 channels, RGB (1.,2. & 3) for the pure color infomation, A (4.) for th e transparency (alpha) a texture is a array of texels (boxes with infomation in it), textures using UV mapping t o coordinate the information // different Tags setting can be used for set up the proper render order (amount of interpolations) // pragma surface surf indicate it s a surface shader which is using the BlinnPhong lightingfunction Different lightction needs different output structs Alpha:fade is Optional parameters Enable traditional fade-transparency. 8

11 Initialize Variables // use the data type you really need // transfrom Properties into SubShader variables, they need the same name to identif y for CG // or thedeclaration of variables // type _variablename; Struct Input //using for data transfer (messenger), value types, no reference Normal // UnpackNormal();calculate texture informations into vectors, to fake surface geome try 9

12 own lighting function Idea of a HalfLambert Lighting, unrealistic but give more details Needs Lighting Prefix and also has to change at pragma line // helping function, takes two vectors and calculates the dot product calmping from (-1 to 1) to (0 to 1), much smoother shading to dot(vector1,vector2); tells you how two vectors directed to each other, dot self giv es range -1 to 1 normalize(): reduce the vector length (magnitude) to 1 we could only use between 0 and 1, so cut in half and add a half, so it get everytim es possitv or 0 Prefix Lighting, returns the color of texel as displayed on the sceen, runs for ever texel an d ever lightsource!, needs to assigned in CGProgramm SurfaceOutput: informations of the texel, provided byour surf function lightdir: the direction of the current light source (vector) viewdir: the looking direction of the camera (vector) atten: attenuation of the lightsource (distance and intensity), falloff 10

13 LightColor0: color value of the current lightsoucre 10

14 My Workflow: Remix iteration, Inspired by Kirby Ferguson: Copy, Combine, Transform Copy Reference Research: Stylization with a Purpose: The Illustrative World of TEAM FORTRESS 2 by Jason Mitchell, APurpose_TF2.pdf Paper: inginteamfortress2.pdf Audio Talk: The TF2 Shader Shaderpipeline of INSIDE Complexity-High-Fidelity-INSIDE Recommendation: Check out the the publication by Valve on Shader Community 11

15 Unifycommunity Wikibooks Unity Surface Shader Examples SurfaceShaderExamples.html Tools / Marketplace Shader Forge Substance Database Skyshop Toolbag Alloy Combine Combine shader functionality and calculation you need to a new one Try out new combinations of mathematical calculations and algorithms Transfrom Ajust to your needs and to the need of your project -> Repeat and Iterate 11

16 Use the data type you really need -> you don t need precision everytime: Convert Procedurals to constants Convert Master Shader to various specific shader Reduce the amount of different Materials -> Draw Call Batching Cut down unnecessary code -> Bought shaders or build-in, there is alway something to cut out, avoid complex mathematical operations Use Fallback shaders & SubShaders Be aware of render order and overlaping objects overdraw Opacity vs Masked vs Translucent -> Occlusion Culling? Cut down Test on target device / platform -> result will be different Know your bottleneck: GPU vs CPU Set up your Project right -> Which shaders should loaded and which not: Use GPU Profiling tools -> Buffer Creation, Frame by Frame, Draw Call by Draw Call Analyzer, Vertex Count, Copy reverse Engineer shaders script Intel GPA -> PC, Nvidia Nsight -> Android 12

17

18 Practice examples shader scripting: Create Surface Shader without using any textures Recreate a build-in surface shader and compare your work with them Recreate the Photoshop Blend Modes as blending functions: Deconstract & Recreate a Shader form the last game you played 13

19 Conclusion: I hope i could show you Build-In Shaders are not enough Know the fundamentals to change it on your demand Optimize and Adapt them to your project 14

20 Thank you guys Did you have question? Or just write me -> 15