GameDevBill
GameDevBill
  • Видео 12
  • Просмотров 224 935
Timeline for Shader Graph - How to use timeline to animate shader graphs!
How to animate Shader Graph using Timeline or code. While there isn't support out of the box, using timeline for shader graph will make controlling your shaders easy and fun!
One of the key reasons to make a shader is in creation of an animating effect. Today I’ll cover how to use Timeline to animate a shader graph. Shader graph animation with timeline is not too difficult, but surprisingly not covered elsewhere on the internet that I could see.
In this tutorial, I’ll show you how I set up the code needed, and I’ve also put that code up on github. In the process of showing you how the setup, I’ll also show you how to animate shader graphs from code.
Written version: gamedevbill.com/timelin...
Просмотров: 7 543

Видео

How to calculate Normal Vectors in Shader Graph
Просмотров 18 тыс.3 года назад
Fix up normals in your Shader Graphs after manipulating vertices! In Shader Graph, you can move your vertices around, causing your model to take on a new shape. This will often cause the normal vectors to be incorrect, which will ruin your lighting. In this video I'll cover how to fix your normals all within shader graph. The math is a bit complicated, but I've created two subgraphs which will ...
Shockwave Shader Graph - How to make a shock wave shader in Unity URP/HDRP
Просмотров 49 тыс.3 года назад
A shockwave shader graph (or shock wave shader graph) is a relatively simple effect, that can add a lot of pop to actions in your game. Shockwave updated for 3D in my timeline video here: ruclips.net/video/A5jl5RVEjqE/видео.html The reason I'm doing this tutorial at all is because someone commented on one of my RUclips videos requesting it. I bring this up just to mention that if you have anyth...
Top FIRE Shader Graphs for Unity - 2D Fire Shader Graphs
Просмотров 10 тыс.3 года назад
Three different ways to make fire shader graphs in Unity. I wanted to make a fire shader graph video, and couldn't pick my favorite technique. So I went with my top three. That has made it a much longer video than normal, but it's still packed full of great info. The three fire shaders I'll show are: sprite based, cartoony, and realistic. As (almost) always, I have a written version of this tut...
Quest Link in Unity - How to Use Unity's play mode with Oculus Quest Link
Просмотров 70 тыс.3 года назад
How to set up Oculus Quest Link for Unity's play mode. Go in and out of play mode for your VR game without needing to build and deploy to your device! I'm taking a 1-video break form shader tutorials this week to briefly talk about Quest Link in Unity. If you are doing Quest development in Unity this is huge to iteration. Especially if you are doing shader development as any shader change can s...
Cuphead Fire Shader Graph - speed shader graph
Просмотров 1,8 тыс.3 года назад
This is a speed run through the shader graph creation of a 2D hand-drawn fire shader graph. I intend to turn this into a full tutorial (or make it part of a larger tutorial) but for now, I'll just share the graph creation. EDIT - Full Tutorial up: ruclips.net/video/8sJQvFA6GEI/видео.html I created this during a tech art challenge from Harry Alisavakis ( HarryAlisavakis). The challeng...
HSV Shader Graph - Hue Saturation Value color space explained & how to use it in Unity
Просмотров 9 тыс.3 года назад
EDIT: Unity does indeed provide a node to do this conversion. Which means you can likely skip the "HSV conversion math" section of this video (2:22 to 4:20). The rest is still relevant as it's focused on how & why to use these nodes, it just turns out you can use Unity's node instead of mine. Thanks to the commenter Michał Jaglewicz for pointing this out! Unity node: docs.unity3d.com/Packages/c...
Geometry Shaders in URP - Plus how to create code shaders from shader graph
Просмотров 15 тыс.3 года назад
Geometry shaders are shader functions you can run after your vertex shader, and before the fragment shader. Today I’ll go over how to set one up in the Universal Render Pipeline, or URP. As a bonus, I’ll also be covering a trick for creating code shaders in URP that bypasses a lot of the effort and understanding generally required For more details, see the written version of this: gamedevbill.c...
Old Movie Shader Graph - Plus Full Screen Shaders in URP
Просмотров 11 тыс.4 года назад
This video is a two-for-one special: How to create an old movie shader graph, and how to set up full screen shaders in the Universal Render Pipeline, or URP. 0:00 Overview 1:25 Full Screen Shaders in URP 3:18 Post Processing setup 4:05 Old Movie Shader Graph The relevant articles on my site: Old Move Shader Graph - gamedevbill.com/old-movie-shader-graph/ Full Screen Shaders in any renderer - ga...
Shader Data in Art - How to Maximize your Shader Graphs with this art based trick
Просмотров 3,4 тыс.4 года назад
This video will cover how to maximize your shader graphs by feeding extra data in through your art - by hiding math in art. Using a texture to store data enables you to provide your shader with four chunks of data (in the RGBA channels) unique every single pixel on your screen. Today I'll cover three examples: a normal map, noise textures, and positional data. For more details, see the written ...
Heat Haze Shader Graph - How to create a heat haze effect in URP/HDRP
Просмотров 11 тыс.4 года назад
How to create a heat haze shader graph. This effect will warp the screen in a certain area giving the impression of heat. As explained in the video, it can also be adjusted to look like an underwater effect. This has a matching written tutorial on my site: gamedevbill.com/heat-haze-shader-graph/ How to set up full screen shader effects is covered here: ruclips.net/video/4apbNiPC3yQ/видео.html A...
Unity Shader Graph Introduction - Basic Shader Graph Tutorial
Просмотров 19 тыс.4 года назад
An introduction to Unity's Shader Graph. This is the foundation for my shader tutorial playlist. I am using shader graph in the Universal Render Pipeline (or URP), but this demo will work in HDRP as well. My written introduction to shader graph is here: gamedevbill.com/shader-series-5-unity-shader-graph/ That tutorial introduces shader graph, but does not do the exact same demo. If you would li...

Комментарии

  • @nathanielhannigan6718
    @nathanielhannigan6718 4 дня назад

    Neat video! I just noticed this Heat Haze effect in the Avalanche Studios Mad Max game which obviously takes place in a desert wasteland.

  • @mercenarator
    @mercenarator 14 дней назад

    doesnt work

    • @mercenarator
      @mercenarator 14 дней назад

      openxr runtime is set to set Meta Quest Oculus Runtime as active thingy and i cant do anything

  • @RupakSharma-t8v
    @RupakSharma-t8v 25 дней назад

    You, Sir are beeeee-a-utiful!!

  • @salvatoreisabella7921
    @salvatoreisabella7921 Месяц назад

    Hi, thanks for your awesome tutorial! I only have one question: what about making it Fullscreen but in HDRP pipeline? I'm trying to swith to a fullscreen-type material and use CustomPass, but I can't manage how to avoid using a specific texture (since I need instead the screen itself)! Could you please help me?

  • @jimmybaird2966
    @jimmybaird2966 Месяц назад

    if you want this to work in later versions. at least 2022 LTS. you'll need to create a SetupRenderPasses override in the blitter code. something like public override void SetupRenderPasses(ScriptableRenderer renderer, in RenderingData renderingData) { var src = renderer.cameraColorTargetHandle; var dest = (settings.destination == Target.Color) ? RenderTargetHandle.CameraTarget : m_RenderTextureHandle; blitPass.Setup(src, dest); } and remove the stuff from AddRenderPasses override. public override void AddRenderPasses(ScriptableRenderer renderer, ref RenderingData renderingData) { if (settings.blitMaterial == null) { Debug.LogWarningFormat("Missing Blit Material. {0} blit pass will not execute. Check for missing reference in the assigned renderer.", GetType().Name); return; } renderer.EnqueuePass(blitPass); } there's still some obsolete stuff in there, but I'm only doing a few tests, so I'm going to ignore them. good luck.

  • @DominikDev1
    @DominikDev1 2 месяца назад

    Anyone still having trouble connecting must now click the OpenXR Runtime button in the General section of the Oculus app.

    • @AJPonder
      @AJPonder Месяц назад

      Ya me it won’t connect

  • @williamhiciano394
    @williamhiciano394 3 месяца назад

    so i cant get into unity using airlink? cables are mandatory?

  • @mikhailhumphries
    @mikhailhumphries 3 месяца назад

    I'm trying to make geometry shader that shows quads when editing for a 3d modeling software I'm developing. I tried multiple shaders from github but they revert to tris when editing mesh.

  • @BerryTheBnnuy
    @BerryTheBnnuy 4 месяца назад

    I tried downloading the shader graph files from the github and I'm getting a bunch of json parse errors from Unity...

  • @lucutes2936
    @lucutes2936 4 месяца назад

    thx

  • @Romahotmetytky
    @Romahotmetytky 4 месяца назад

    How do you pick the right values on a colour wheel? Let's say I want to paint imaginary blue cube, I pick any blue for the mid tone but then how much should the value change for other shades ? To be realistic E.g 20% on saturation in HSV colour model ? Do I change saturation or value or both in HSV? What in the rule of thumb here ?

  • @thewildkids019
    @thewildkids019 5 месяцев назад

    Thanks man

  • @nyandash69
    @nyandash69 5 месяцев назад

    THANK YOU VERY MUCH!!! <3 I learned a lot.

  • @FirefighterVision
    @FirefighterVision 6 месяцев назад

    Does the Oculus Quest Link also work with Mac?

  • @dirkboercom
    @dirkboercom 6 месяцев назад

    Damn, this stuff is crazy! Thanks a lot!! <3 is there anything to say about how expensive it is? Should you use it sparingly or is the chance very small if you will notice anything?

  • @miguelnogaleslopez2746
    @miguelnogaleslopez2746 6 месяцев назад

    My material is just white when I make that first shockwave test. What am I missing?

  • @GonzaloDev-ww9un
    @GonzaloDev-ww9un 6 месяцев назад

    thanks!!!!!!!

  • @emlii206
    @emlii206 7 месяцев назад

    How do you apply it on the fullscreen so it doesn't need a color or specific texture? I used a fullscreen shader since I'm using a newer version but I can't use _MainTex and sample texture 2d to make it adjust to whatever the camera is looking at...it just turns white. HELP :c

  • @ChronoWrinkle
    @ChronoWrinkle 8 месяцев назад

    Awesome! also(if im not mistaken) you can just feed vertices to triangle strip and it will produce triangle for each new vertex after 3rd, hance triangle strip

  • @cgimadesimple
    @cgimadesimple 8 месяцев назад

    really useful :)

  • @benjaminlehmann
    @benjaminlehmann 8 месяцев назад

    That was really helpful. Thanks

  • @Chris-jo1zr
    @Chris-jo1zr 9 месяцев назад

    Sweet jesus man this is helpful, the number of vertex shader things out there that don't even mention normals is upsetting. This is massively helpful stuff.

  • @onlytank3937
    @onlytank3937 10 месяцев назад

    Thats what i am looking for. Thank you buddy. Allah bless you

  • @kyleemery175
    @kyleemery175 10 месяцев назад

    Awesome information here! Thanks so much for this!!

  • @wikramabbas909
    @wikramabbas909 Год назад

    oculus desktop app is not available on mac, so how can we do it ?

  • @yurinativo
    @yurinativo Год назад

    Today I ran 10 Km. For those that don't use Kilometers: It's about 1,057e-13 light-years. Btw, the video is awesome! Thank you!

  • @jacksonking8250
    @jacksonking8250 Год назад

    this is sooo big brained

  • @ThePavilionWeb
    @ThePavilionWeb Год назад

    Really helpful video, thank you!

  • @marcellrideg2965
    @marcellrideg2965 Год назад

    Thanks for the tutorial! Is there any way to recalculate the normals when the source of displacement is a texture map?

  • @lando6583
    @lando6583 Год назад

    COME BACK BILL WE NEED YOU!!!

  • @SassyPantsy
    @SassyPantsy Год назад

    Hi! Thanks a lot for doing this tutorial and explaining what each node does! Not many people do that, and it's great to be able to actually understand what's going on as a beginner. I'm trying to make the wave event based, and my plan is to remove the time variable and create a lerp function, that interpolates between the wave's start and end values (which is represented by a float). This is well, but the weird thing is that, when 0 is the value being multiplied into the time group, the wave's already 'started', i.e, the pixels get distorted. In fact, the sprite is not distorted. i.e the wave's at it's 0 progress, when the input value is -0.24. The wave ends on 4.76. My question is, where did these numbers come from? I can create an interpolation function to make the exposed value be between 0-1, but I'm afraid that whenever I tinker with other settings, these magic numbers (-0.24 and 4.76) will change. Maybe someone here has done this?

  • @TheSunriseGames
    @TheSunriseGames Год назад

    "Basic" and "Tutorial" are not applied here at all. If you think you can simply show us the process without any explanation why this goes here and that goes there - you're wrong then

  • @JeffEnriqueJohnson
    @JeffEnriqueJohnson Год назад

    Thank you very much. Unlocked some ideas for my shader. 🙏

  • @nameno7032
    @nameno7032 Год назад

    Your explaination is very clear, hope you will continue series

  • @shier4845
    @shier4845 Год назад

    Very clear and helps a lot! Thanks!

  • @igorov3d331
    @igorov3d331 Год назад

    Glad I found this ....but using these two subgraphs has no effect on my normals. is this really usable also for terrain-like meshes with more complex geometry?

  • @moon_11270
    @moon_11270 Год назад

    all i get is a nice black screen

  • @XboxPlayerPL
    @XboxPlayerPL Год назад

    it doesnt work for me....

  • @ARMY968
    @ARMY968 Год назад

    This tutorial video, unlike other videos, helps learners to use it in their own projects and provides documentation. true teacher

  • @roguewhitewolf
    @roguewhitewolf Год назад

    How do I connect the Quest 2 to my laptop, when I don't have access to the Facebook account used, as it's an account for the company I'm an intern for? Meaning I cannot use the Oculus PC App

  • @ВиталийБобрик-о6в

    how can i stop effect? don't want to play full screen

  • @Zraune
    @Zraune Год назад

    Thanks man, I was a bit lost on that one. Very helpful

  • @theresnothinghere59
    @theresnothinghere59 Год назад

    trying since an hour, doesn't work

  • @starplatinum3305
    @starplatinum3305 Год назад

    but that thing is hand drawn bruh, u should make title stylised fire instead

  • @KnewkEntertainment
    @KnewkEntertainment Год назад

    How would you change this to timeline animate multiple shaders attached to a single Mesh Renderer, where each shader on an individual track?

    • @soooooooph
      @soooooooph Год назад

      I'm also looking to do this! Any help appreciated

  • @KnewkEntertainment
    @KnewkEntertainment Год назад

    Nice, however there is a potential issue when using alpha. Mixer should use Color finalColor = new Color(0f,0f,0f,0f); instead of Color.black as black is (0,0,0,1) and when added with weight finalColor += behaviour.ColorVal * weight; results in alpha greater than 1. So when blending shader _Color, where you want the alpha to fade in, it will ignore the alpha. Initialising finalColor = new Color(0,0,0,0) makes it all good.

  • @day_that_i_die9854
    @day_that_i_die9854 Год назад

    I think it is bad idea to teach basics of Geometry shader beginning with code generated from Shader Graph. Why don't you just use simple HLSL code (vertex + fragment), and add geom function to it ?🤔

  • @Esimaxchannel
    @Esimaxchannel Год назад

    Sub Shader Graphs don't work with Unity 2022,

  • @naileye900
    @naileye900 Год назад

    This tutorial is a gift to the world. Many thanks!

  • @MikeCroswell
    @MikeCroswell Год назад

    That neighbors subgraph looks amazing - so much to learn from! Thank you!