Freya Holmér | Shader Basics, Blending & Textures • Shaders for Game Devs [Part 1] @acegikmo | Uploaded February 2021 | Updated October 2024, 6 hours ago.
Welcome to my three part lecture on shader coding for game devs 💖 I hope you'll find this useful in your game dev journey!
If you are enjoying this series, please consider supporting me on Patreon!
🧡 patreon.com/acegikmo
00:00:00 - What are shaders?
00:03:00 - Case study/screenshots from FFXIV, Overwatch & more
00:37:42 - The Structure of a Shader
00:42:49 - Vertex shader
00:47:09 - Fragment shader
00:49:32 - Shader vs Material
00:51:29 - A first look at shader code
01:02:17 - Vertex Normals
01:06:17 - Interpolators
01:15:59 - Data types (fixed vs half vs float)
01:21:32 - Fragment shader output
01:24:31 - Swizzling
01:33:48 - Passing data from vertex shader to fragment shader
01:42:04 - Space transformation w. Matrices
01:47:07 - UV coordinates & manipulation
01:53:34 - Gradients
02:01:06 - Values outside of 0 to 1
02:09:20 - Triangle waves using math
02:12:04 - Preprocessor constants
02:25:28 - Pattern manipulation
02:31:48 - Blending Modes
02:39:42 - Depth buffer & depth testing (ZTest)
02:56:40 - Waves, ripples & vertex offsetting
03:12:07 - Textures
03:20:33 - World space coordinates
03:28:04 - Texture masking
03:37:33 - Isotropic mip maps
03:42:17 - Anisotropic mip maps
03:44:36 - Point vs bilinear vs trilinear filtering
03:49:54 - Final questions
Project Download & Assignments: docs.google.com/document/d/1h_7O9n5-q8Kb-rhnMJyF4Tab6i3lH97E4Ykn7tsP-zc
Originally streamed as a course for students at http://futuregames.se/, who were super kind to let me both stream this live as well as upload it here! so massive thanks to the people at FutureGames!!
💖 Patreon ❱ patreon.com/acegikmo
🐦 Twitter ❱ twitter.com/FreyaHolmer
📺 Twitch ❱ twitch.tv/acegikmo
💬 Discord ❱ discord.gg/v5VWuga
🌸 Instagram ❱ instagram.com/freya_holmer
✫ Video Production by Higher Vision:
➥ twitter.com/HigherVision1
➤ Edited by Stelly: twitter.com/stelly47050876
Welcome to my three part lecture on shader coding for game devs 💖 I hope you'll find this useful in your game dev journey!
If you are enjoying this series, please consider supporting me on Patreon!
🧡 patreon.com/acegikmo
00:00:00 - What are shaders?
00:03:00 - Case study/screenshots from FFXIV, Overwatch & more
00:37:42 - The Structure of a Shader
00:42:49 - Vertex shader
00:47:09 - Fragment shader
00:49:32 - Shader vs Material
00:51:29 - A first look at shader code
01:02:17 - Vertex Normals
01:06:17 - Interpolators
01:15:59 - Data types (fixed vs half vs float)
01:21:32 - Fragment shader output
01:24:31 - Swizzling
01:33:48 - Passing data from vertex shader to fragment shader
01:42:04 - Space transformation w. Matrices
01:47:07 - UV coordinates & manipulation
01:53:34 - Gradients
02:01:06 - Values outside of 0 to 1
02:09:20 - Triangle waves using math
02:12:04 - Preprocessor constants
02:25:28 - Pattern manipulation
02:31:48 - Blending Modes
02:39:42 - Depth buffer & depth testing (ZTest)
02:56:40 - Waves, ripples & vertex offsetting
03:12:07 - Textures
03:20:33 - World space coordinates
03:28:04 - Texture masking
03:37:33 - Isotropic mip maps
03:42:17 - Anisotropic mip maps
03:44:36 - Point vs bilinear vs trilinear filtering
03:49:54 - Final questions
Project Download & Assignments: docs.google.com/document/d/1h_7O9n5-q8Kb-rhnMJyF4Tab6i3lH97E4Ykn7tsP-zc
Originally streamed as a course for students at http://futuregames.se/, who were super kind to let me both stream this live as well as upload it here! so massive thanks to the people at FutureGames!!
💖 Patreon ❱ patreon.com/acegikmo
🐦 Twitter ❱ twitter.com/FreyaHolmer
📺 Twitch ❱ twitch.tv/acegikmo
💬 Discord ❱ discord.gg/v5VWuga
🌸 Instagram ❱ instagram.com/freya_holmer
✫ Video Production by Higher Vision:
➥ twitter.com/HigherVision1
➤ Edited by Stelly: twitter.com/stelly47050876
![Shader Basics, Blending & Textures • Shaders for Game Devs [Part 1]](https://i.ytimg.com/vi/kfM-yu0iQBk/hqdefault.jpg "Shader Basics, Blending & Textures • Shaders for Game Devs [Part 1]
Welcome to my three part lecture on shader coding for game devs 💖 I hope youll find this useful in your game dev journey!
If you are enjoying this series, please consider supporting me on Patreon!
🧡 https://www.patreon.com/acegikmo
00:00:00 - What are shaders?
00:03:00 - Case study/screenshots from FFXIV, Overwatch & more
00:37:42 - The Structure of a Shader
00:42:49 - Vertex shader
00:47:09 - Fragment shader
00:49:32 - Shader vs Material
00:51:29 - A first look at shader code
01:02:17 - Vertex Normals
01:06:17 - Interpolators
01:15:59 - Data types (fixed vs half vs float)
01:21:32 - Fragment shader output
01:24:31 - Swizzling
01:33:48 - Passing data from vertex shader to fragment shader
01:42:04 - Space transformation w. Matrices
01:47:07 - UV coordinates & manipulation
01:53:34 - Gradients
02:01:06 - Values outside of 0 to 1
02:09:20 - Triangle waves using math
02:12:04 - Preprocessor constants
02:25:28 - Pattern manipulation
02:31:48 - Blending Modes
02:39:42 - Depth buffer & depth testing (ZTest)
02:56:40 - Waves, ripples & vertex offsetting
03:12:07 - Textures
03:20:33 - World space coordinates
03:28:04 - Texture masking
03:37:33 - Isotropic mip maps
03:42:17 - Anisotropic mip maps
03:44:36 - Point vs bilinear vs trilinear filtering
03:49:54 - Final questions
Project Download & Assignments: https://docs.google.com/document/d/1h_7O9n5-q8Kb-rhnMJyF4Tab6i3lH97E4Ykn7tsP-zc
Originally streamed as a course for students at http://futuregames.se/, who were super kind to let me both stream this live as well as upload it here! so massive thanks to the people at FutureGames!!
💖 Patreon ❱ https://www.patreon.com/acegikmo
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer
✫ Video Production by Higher Vision:
➥ https://twitter.com/HigherVision1
➤ Edited by Stelly: https://twitter.com/stelly47050876")
![Intro to Tool Dev in Unity [part 2/4]](https://i.ytimg.com/vi/limzVQFUMag/hqdefault.jpg "Intro to Tool Dev in Unity [part 2/4]
🔽 click for timestamps & info!
part second! this was originally streamed as a course for students at http://futuregames.se/, who were super kind to let me both stream this live as well as upload it here! so massive thanks to the people at FutureGames!!
💖 Patreon ❱ https://www.patreon.com/acegikmo
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer
0:00:00 - Intro (Twitch Partner Chatting)
0:01:32 - Changing Grid Size
0:12:21 - Drawing a Cartesian Grid
0:30:39 - Gizmo Selection
0:35:06 - UI Events
0:37:17 - Tool Dev Tip: Read Unitys Source
0:43:13 - Position Handle
0:49:41 - Drawing a Polar Grid
1:19:33 - Snapping to a Polar Grid
1:38:55 - Saving Data Between Sessions
1:46:50 - Saving In Files
1:54:52 - Making a Prop Placement Tool
2:00:39 - Setting up the Editor Window
2:05:55 - Scene View Raycasting
2:12:04 - Spawn Radius, Count & Repaint Caveats
2:18:03 - Random Points in Disc
2:39:06 - What is Tangent Space?
2:47:42 - Cat Ears
2:48:35 - Design Patterns Rant
2:51:38 - Spawn Count Refresh
2:53:13 - Range Limiting
2:58:12 - Raycasting Points to Surface
3:05:51 - UI Deselection & Mouse Events
3:09:37 - Raycast from Cursor in Scene View
3:13:48 - Mouse Wheel to Change Radius
3:24:27 - Modifier Keys, Bitfields & Enum Flags
3:37:44 - Assignments!
3:41:32 - Making the Circle Match the Ground
3:51:59 - Outro
3:53:29 - Bad Teacher")
![Healthbars, SDFs & Lighting • Shaders for Game Devs [Part 2]](https://i.ytimg.com/vi/mL8U8tIiRRg/hqdefault.jpg "Healthbars, SDFs & Lighting • Shaders for Game Devs [Part 2]
where we take a look at creating the healthbar from the assignment, and learn about SDFs and lighting!
If you are enjoying this series, please consider supporting me on Patreon!
🧡 https://www.patreon.com/acegikmo
00:00:00 - Healthbar assignment 1a
00:25:09 - Healthbar assignment 1b
00:30:20 - Healthbar assignment 1c
00:40:20 - Questions
00:42:34 - Healthbar assignment 1d
00:56:38 - Questions (during break)
01:01:03 - Healthbar assignment 1e
01:18:57 - Healthbar rounded edges
01:49:08 - Healthbar border
02:01:28 - 3D SDF raymarching showcase
02:02:50 - How SDF raymarching works
02:07:01 - Questions
02:08:29 - Lighting
02:28:48 - Questions
02:12:35 - Diffuse light (Lambert)
02:32:10 - Specular light (Phong)
02:49:10 - Questions during break
02:50:32 - Specular light (Blinn-Phong)
02:58:16 - Gloss remapping
03:02:14 - Compositing (putting it all together)
03:07:31 - PBR & BRDFs
03:11:28 - Energy conservation
03:18:12 - Questions
03:21:53 - Forward vs deferred rendering
03:24:11 - Fresnel glow effect
03:29:00 - Assignment 2
Project Download & Assignments: https://docs.google.com/document/d/1h_7O9n5-q8Kb-rhnMJyF4Tab6i3lH97E4Ykn7tsP-zc
Originally streamed as a course for students at http://futuregames.se/, who were super kind to let me both stream this live as well as upload it here! so massive thanks to the people at FutureGames!!
💖 Patreon ❱ https://www.patreon.com/acegikmo
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer
✫ Video Production by Higher Vision:
➥ https://twitter.com/HigherVision1
➤ Edited by Stelly: https://twitter.com/stelly47050876")
![Math for Game Devs [2022, part 6] • Solutions for Assignments 7-11](https://i.ytimg.com/vi/o6HBZ5XkVg4/hqdefault.jpg "Math for Game Devs [2022, part 6] • Solutions for Assignments 7-11
Primarily for my students at FutureGames - I will only read chat/superchats during breaks!
Assignments & Lecture links ❱ https://acegikmo.notion.site/Lectures-Assignments-a4419295f33f46c3af113eb74b407607
Also I got the euler angles a little bit wrong so heres an updated graphic!
https://twitter.com/FreyaHolmer/status/1586072271000465408
Find out more about the school at https://futuregames.se/
❓ FAQ ❱ https://acegikmo.notion.site/FAQ-8b62a1634746473db702565d890dd3dd
💖 Support me on Patreon ❱ https://www.patreon.com/acegikmo
📺 I usually stream on twitch ❱ https://www.twitch.tv/acegikmo
💬 Join my discord ❱ https://discord.gg/acegikmo
🐦 Follow me on twitter ❱ https://twitter.com/FreyaHolmer")
![Intro to Tool Dev in Unity - An Improvised Live Course [part 1/4]](https://i.ytimg.com/vi/pZ45O2hg_30/hqdefault.jpg "Intro to Tool Dev in Unity - An Improvised Live Course [part 1/4]
🔽 click for timestamps & info!
this was originally streamed as a course for students at http://futuregames.se/, who were super kind to let me both stream this live as well as upload it here! so massive thanks to the people at FutureGames!!
💖 Patreon ❱ https://www.patreon.com/acegikmo
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer
0:00:00 - Thor
0:00:18 - What is a Tool Developer?
0:04:05 - Field Attributes
0:09:02 - Gizmos
0:11:44 - Managers & ExecuteAlways
0:21:26 - Handles & Editor Preprocessors
0:27:36 - Drawing Bezier Curves
0:32:37 - Material & Mesh Modification Pitfalls
0:44:41 - MaterialPropertyBlocks
1:08:41 - Coloring Gizmos & Handles
1:10:42 - ScriptableObjects
1:21:46 - ScriptableObjects vs Prefabs
1:24:36 - Making a Custom Inspector
1:31:59 - Serialization of Fields & Types
1:43:56 - Editor GUI, Layout & Styling
2:07:15 - Shader Forge
2:06:06 - Recorder Tool
2:26:56 - Inspector Fields (manual version)
2:37:57 - Inspector Fields (SerializedProperty version)
2:47:19 - Change Detection & Updating Objects
2:51:34 - MenuItem Object Snapping Script
3:09:16 - EditorWindow Snapping Tool
3:24:07 - Assignment! Advanced Snapping Tool")
![Intro to Tool Dev in Unity [part 3/4]](https://i.ytimg.com/vi/qfGzwy_wSlw/hqdefault.jpg "Intro to Tool Dev in Unity [part 3/4]
🔽 click for timestamps & info!
part three! this was originally streamed as a course for students at http://futuregames.se/, who were super kind to let me both stream this live as well as upload it here! so massive thanks to the people at FutureGames!!
also, apologies for the mic issues - my cable has been glitching out as of late, but hey, I *just* got a new cable today! so future videos (after part 4) will be fine~
💖 Patreon ❱ https://www.patreon.com/acegikmo
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer
0:00:00 - Overview of assignments from last time
0:01:10 - Creating Prefabs
0:03:40 - Referencing a Prefab
0:06:58 - Pressing a button to spawn
0:13:17 - Refactoring positioning code
0:19:36 - Spawning Prefabs
0:23:40 - Tangent Space
0:25:00 - Rotations
0:29:57 - Transform Hierarchy & Performance
0:31:04 - What is the biggest fear of T people?
0:32:06 - Random Rotation & Rock Prefab
0:33:45 - Random Rotation Implementation
0:40:06 - Randomizing Random Rotations
0:41:29 - Mesh Placement Previews
0:50:09 - Mesh Preview Rotation
0:50:09 - Mesh Preview Rotation
0:54:43 - Advanced Mesh Previews
1:01:10 - My Cursed Photoshop Problem
1:04:04 - Matrices
1:12:31 - Implementing Matrices
1:18:04 - Fixing Spazzy Rotations
1:28:00 - Prefab Select Buttons
1:48:23 - Thor
1:49:37 - Assignments!
1:57:59 - High School Students vs FutureGames Students
1:58:33 - Thoughts on ECS")
![Math for Game Devs [2022, part 9] • Solutions to the final assignments](https://i.ytimg.com/vi/sZKfaio97bc/hqdefault.jpg "Math for Game Devs [2022, part 9] • Solutions to the final assignments
Primarily for my students at FutureGames - I will only read chat/superchats during breaks!
Assignments & Lecture links ❱ https://acegikmo.notion.site/Lectures-Assignments-a4419295f33f46c3af113eb74b407607
Find out more about the school at https://futuregames.se/
❓ FAQ ❱ https://acegikmo.notion.site/FAQ-8b62a1634746473db702565d890dd3dd
💖 Support me on Patreon ❱ https://www.patreon.com/acegikmo
📺 I usually stream on twitch ❱ https://www.twitch.tv/acegikmo
💬 Join my discord ❱ https://discord.gg/acegikmo
🐦 Follow me on twitter ❱ https://twitter.com/FreyaHolmer")
![Math for Game Devs [2022, part 7] • Interpolation & Point Physics](https://i.ytimg.com/vi/tjTRXzwdU6A/hqdefault.jpg "Math for Game Devs [2022, part 7] • Interpolation & Point Physics
Primarily for my students at FutureGames - I will only read chat/superchats during breaks!
Assignments & Lecture links ❱ https://acegikmo.notion.site/Lectures-Assignments-a4419295f33f46c3af113eb74b407607
Find out more about the school at https://futuregames.se/
❓ FAQ ❱ https://acegikmo.notion.site/FAQ-8b62a1634746473db702565d890dd3dd
💖 Support me on Patreon ❱ https://www.patreon.com/acegikmo
📺 I usually stream on twitch ❱ https://www.twitch.tv/acegikmo
💬 Join my discord ❱ https://discord.gg/acegikmo
🐦 Follow me on twitter ❱ https://twitter.com/FreyaHolmer")
