Glowy Ring Shader

  Рет қаралды 39,924

Freya Holmér

Freya Holmér

4 жыл бұрын

🔽 Click
Here, have some partially derivative content. Clipped from the stream! If you want more stuff like this, feel free to follow me on Twitch to catch my live tutorials and whatnot!
📺 Twitch ❱ / acegikmo
🐦 Twitter ❱ / freyaholmer
💬 Discord ❱ / discord
🌸 Instagram ❱ / freya_holmer

Пікірлер: 42
@diliupg
@diliupg 3 жыл бұрын
Many people have the knowledge but you also have the ability to explain it to others. You are a brilliant mind in these times.
@Tarodev
@Tarodev 2 жыл бұрын
The craziest thing is the speed at which she connects the nodes
@aurelia8028
@aurelia8028 2 жыл бұрын
Yeah... I'm getting adhd vibes here
@fardinhaque70
@fardinhaque70 4 жыл бұрын
Damn you think and work faster than i can blink haha.. Oh and maybe i am the million'th guy but thank your for the incredible shader tool. You are awesome!
@crazyrems
@crazyrems 3 жыл бұрын
I tried making this on Godot’s visual shader tool for fun, all can be made as well (with its load of half precision). Very instructive, partial derivatives are now fully understood! Thank you Freya.
@pesterenan
@pesterenan 2 жыл бұрын
It's so awesome to see you using the lerp and inverseLerp functions after watching your talks! I was understanding it was you were putting the nodes on the screen! You're an awesome teacher Freya!
@syth-1
@syth-1 3 жыл бұрын
Yey - save this video, going to be working on my gizmo tool soon, needed a circle and something that has constant line size regardless of radius, this tutorial is perfect!! Thanks once again for teaching us .-.
@nathancarver7179
@nathancarver7179 Жыл бұрын
The sheer speed at which you connect the nodes together, and organise the menus *astonishes* me. Ofc this is a great explanation and everything, but.. wow.
@Music_Engineering
@Music_Engineering 2 жыл бұрын
Cool to see another use of partial derivatives!
@erfansh1925
@erfansh1925 6 ай бұрын
i come back to this video every 2-3 months
@Agigaherger
@Agigaherger 4 жыл бұрын
More of these please.
@AlvarPernroth
@AlvarPernroth 4 жыл бұрын
Cool. What Shader Forge / Unity versions are you using here? I am using an old version of Unity in a project just to be able to use Shader Forge still.
@kingalonso3d656
@kingalonso3d656 3 жыл бұрын
really helpful shader, thanks a lot
@callmedeno
@callmedeno 3 жыл бұрын
knowing these things = feelsgoodman.jpg
@mrgameart4733
@mrgameart4733 3 жыл бұрын
This is top stuff :)
@thomasg5593
@thomasg5593 3 жыл бұрын
Did Your Shader Forge work with URP project ?
@98Zai
@98Zai 4 жыл бұрын
So Good!
@rhysnewell
@rhysnewell Жыл бұрын
For anyone trying to follow along using the Unity Shader Graph and stuck at the section where Freya wraps the arctan2 node between 0 and 1, you can emulate this by connecting the arctan2 node -> cosine node -> Add(1) -> Divide by 2 and it will perform the same wrapping operation. Additionally, you can use a sine node to make it appear from the top. There is probably a better way to this, but this worked for me
@thomasterkildsen5787
@thomasterkildsen5787 Жыл бұрын
This is what the ArcTan2 node does under the hood with that particular dropdown selected: 1f-(Mathf.Abs(Mathf.Atan2( a, b ) / Mathf.PI)). Knowing this, it should be quite straight forward to recreate it in Shader Graph.
@JackAllpikeMusic
@JackAllpikeMusic Жыл бұрын
life saver.
@gideilsonlima3990
@gideilsonlima3990 3 ай бұрын
Awesome!!!
@duncanurquhart5278
@duncanurquhart5278 Жыл бұрын
7:48 yayyyy LERP my friend LERP
@Bestofchatgpt
@Bestofchatgpt 3 жыл бұрын
You make it looks so easy
@torikenyon
@torikenyon 10 ай бұрын
I can't figure out how to install Shader Forge, does it still work for the newest version of Unity?
@ognjenarsenijevic3444
@ognjenarsenijevic3444 5 ай бұрын
"I want to one minus this one to make it a glowy ring, and not a glowy non ring" xD
@TheSlimshader
@TheSlimshader 3 жыл бұрын
i got the „one minus” part 😅
@viEScY
@viEScY 4 жыл бұрын
Isn't vector length super expensive for a shader operation?
@HKragh
@HKragh 2 жыл бұрын
We use normalized vectors in shaders all the time. Define "Super expensive"... It is more expensive than doing a sum, because of the sqrt involved, but modern GPUs have special hardware for that. I guess it comes down to checking the performance of the final game, and then work from there. But please don't avoid it out of fear of a "Super expensive" operation.
@tin2001
@tin2001 2 жыл бұрын
@@HKragh Agreed... Not enough time to worry about stuff like that. Just do it, make a note that it might be slow, and then see how it goes as you approach having the final product. If it's slow, optimise it. If not, ignore it.
@wazatojanai6333
@wazatojanai6333 4 жыл бұрын
It it possible to learn this magic? No seriously, I never thought of using partial derivatives like that.
@krenstx2502
@krenstx2502 4 жыл бұрын
I.. hardly understand what she's saying, i don't understand ;-;
@aratanayuki
@aratanayuki 2 жыл бұрын
I've couldn't figure out how can I wrap arctan2. There isn't an option for it in shade graph, so I tried remapping but didn't work.
@rhysnewell
@rhysnewell Жыл бұрын
Hey dude, I struggled with this too and google was no help. But I figured out you can just pass the arctan2 node into a cosine node + Add(1) and then a divide by two node and it will perform the same wrapping operation. Additionally, you can use a sine node to make it appear from the top
@aratanayuki
@aratanayuki Жыл бұрын
@@rhysnewell Thank you dude!
@thomasterkildsen5787
@thomasterkildsen5787 Жыл бұрын
This is what the ArcTan2 node does under the hood with that particular dropdown selected: 1f-(Mathf.Abs(Mathf.Atan2( a, b ) / Mathf.PI)). Knowing this, it should be quite straight forward to recreate it in Shader Graph.
@Montazeran8
@Montazeran8 Жыл бұрын
❤❤❤
@ruslansmirnov9006
@ruslansmirnov9006 9 ай бұрын
nice bicycle btw
@linkbohanon381
@linkbohanon381 10 ай бұрын
#WeAreSaladsPlastic
@SwordQuake2
@SwordQuake2 2 жыл бұрын
WTF was going on? :D
@CarterColeisInfamous
@CarterColeisInfamous 2 жыл бұрын
i wish there was open source unity
@mathinmohammadshahoriar2977
@mathinmohammadshahoriar2977 3 жыл бұрын
My girlfriend is super jealous and thats a lie
Shader graph в Unity! Проще чем кажется! Шейдер граф
12:48
Яковлев Илья - IT и игры
Рет қаралды 25 М.
Aquadynamics
1:41
Freya Holmér
Рет қаралды 17 М.
The day of the sea 🌊 🤣❤️ #demariki
00:22
Demariki
Рет қаралды 51 МЛН
Final muy inesperado 🥹
00:48
Juan De Dios Pantoja
Рет қаралды 15 МЛН
An introduction to Shader Art Coding
22:40
kishimisu
Рет қаралды 917 М.
Интеграция GameAnalytics SDK в Unity3D
7:32
Sergey Mezhakov
Рет қаралды 5 М.
Architectural Designer Creates a Pixel Art Town
17:43
Pixel Architect
Рет қаралды 840 М.
Ultimate Clouds with Shader Graph in Unity, Made Easy [Tutorial]
41:55
Giving Personality to Procedural Animations using Math
15:30
t3ssel8r
Рет қаралды 2,4 МЛН
How I Design Shader Effects | Unity Basics
7:22
Daniel Ilett
Рет қаралды 9 М.
Unity Shader Graph completely explained!
35:37
DitzelGames
Рет қаралды 131 М.
Color Quantization and Dithering
11:55
Acerola
Рет қаралды 406 М.
DISSOLVE using Unity Shader Graph
10:33
Brackeys
Рет қаралды 667 М.
I Made a Neural Network with just Redstone!
17:23
mattbatwings
Рет қаралды 588 М.
wireless switch without wires part 6
0:49
DailyTech
Рет қаралды 4,7 МЛН
DC Fast 🏃‍♂️ Mobile 📱 Charger
0:42
Tech Official
Рет қаралды 485 М.
WWDC 2024 Recap: Is Apple Intelligence Legit?
18:23
Marques Brownlee
Рет қаралды 6 МЛН
Мечта Каждого Геймера
0:59
ЖЕЛЕЗНЫЙ КОРОЛЬ
Рет қаралды 1,5 МЛН
МОЩНЕЕ ТВОЕГО ПК - iPad Pro M4 (feat. Brickspacer)
28:01
ЗЕ МАККЕРС
Рет қаралды 83 М.