Skia Shaders and the SDF of a Line
Вставка
- Опубліковано 28 чер 2024
- Source code: gist.github.com/wcandillon/c7...
Starter: gist.github.com/wcandillon/7a...
Resources from Inigo Quilez iquilezles.org
3blue1brown video on the dot product: • Dot products and duali...
Book of Shaders: thebookofshaders.com/
Learn React Native Gestures and Animations at start-react-native.dev/
Chapters:
0:00 Intro
7:29 SDF of a Circle
21:37 SDF of Line
31:17 End credits & teaser - Наука та технологія
William, thank you for your contribution to our community, React Native wouldn’t have been the same without you 🤜🤛
Thank you William! A really helpful tutorial. Mastering shaders really takes the animation on another level
the day you post is a good day for sure! Great job :)
Thank you for making these cool mathematical topics mainstream 🙌
Thank you Johnny Sins
Excuse me sir, this is Andrew Tate's react native tutorial.
Top G of React Native
@Max AE You came to the wrong website bro
Such a great content as always. Thank you!
Amazing 😍 thank you for this animation tutorial
Great video as always!
Any plans to update some of your old animations such as liquid swipe to use Skia?
This is insane, your videos are priceless, thank you, Mr William
Are you doing the one-error-one-push-up challange? Cause you're getting buff, bb.
Excellent video as always, btw.
Crazy cool and smart! Very niche but super interesting.
Thank you
Hello William, thanks you for the great content. Just for sake of curiosity how do you realize the animated code snippet inside the video?
This is awesome!
Is there any way to get syntax highlighting (and/or ESLINT) on the Skia Shader Language?
that's a great question! @JonnyBurger did a small vscode extension for that, and we are looking to see if there is an easy way to ship it. Another way which I realized after recording the video is to simply create an .sksl file (and configure the file extension in vscode). Stay tuned for more on this.
Hi William Im working on React Native .Can it be done in React Native like grayscale on all app?Look forward to your clarification
I don't understand everything yet but I'm always there for the intro/outro ;)
Berlin - I need your help 🤔
cool..!
Can we make a custom text editor like sun editor in react native??
@Wiliam - what about anti-aliasing - setting is not working for RuntimeShader
Hello, please tell me the theme in vscode?
hello, can you make tutorial about Contextmenu like telegram? Thanks so much
You look like Sean Evans from the Hot Ones youtube show.
Can we create a customized text editor like sun editor in react native ??
I do wonder how does one learn to apply math to coding? I mean this is awesome
Having knowledge of vector calculus helps
I did a video on the topic of trigonometry: ua-cam.com/video/-lF7sSTelOg/v-deo.html many other youtubers have great videos on this topic.
@@wcandillon Thanks for replying, I did in fact watched it and learnt how to apply trig to my animations because of it, it's just the way math is teached is way too abstract to find it a use case, at least for me, I'm learning linear algebra but still can not find a use case for it