Third installment of the ShaderToy tutorial series. This time we'll put the smiley face into its own function and then move on to another shape: a Rectangle.
Over the next three videos we'll build a little Newton's Cradle. In this video we'll start with the modeling and animation.
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: https://www.facebook.com/groups/theartofcode/
Patreon: https://www.patreon.com/TheArtOfCode
ShaderToy: https://www.shadertoy.com/user/BigWIngs
PayPal Donation: https://paypal.me/theartofcode
========== Other videos to watch ==========
Shadertoy for complete beginners: https://youtu.be/u5HAYVHsasc
Writing a ray marcher: https://youtu.be/PGtv-dBi2wE
Torus & Line segment are explained here: https://youtu.be/Ff0jJyyiVyw
Understanding Boolean operations: https://youtu.be/AfKGMUDWfuE
========== If you want to follow along ==========
Starting point:
https://www.shadertoy.com/view/WtGXDD
The end-result of part 1 is here:
https://www.shadertoy.com/view/Ndl3WS
...
https://www.youtube.com/watch?v=nd7Auhb9YN8
In science, technology and engineering it is very common to have to interpolate between data points. One of the many ways to do this is through Lagrange interpolation. In this video I'll go through how it works and if you go to desmos.com you can follow right along.
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: https://www.facebook.com/groups/theartofcode/
Patreon: https://www.patreon.com/TheArtOfCode
ShaderToy: https://www.shadertoy.com/user/BigWIngs
PayPal Donation: https://paypal.me/theartofcode
========== If you want to follow along ==========
Starting point:
https://www.desmos.com
End Point:
https://www.desmos.com/calculator/zsnqrj1xu3
========== Other videos to watch ==========
Check out my video about linear interpolation:
https://www.youtube.com/watch?v=NO5JGFJJ_Kk
Or using smooth minimums:
https://www.youtube.com/watch?v=YJ4iyff7zbk
Or using Hermite interpolation (smoothstep):
https://www.youtube.com/watch?v=60VoL-F-jIQ
...
https://www.youtube.com/watch?v=4S6G-zenbFM
In this video I'll explain how to use the Truchet effect to make cool looking vines. We'll code a shader in ShaderToy from scratch!
Twitter: @The_ArtOfCode
Facebook: https://www.facebook.com/groups/theartofcode/
Patreon: https://www.patreon.com/TheArtOfCode
ShaderToy: https://www.shadertoy.com/user/BigWIngs
Live version:
https://www.shadertoy.com/view/3lBXWK
...
https://www.youtube.com/watch?v=2R7h76GoIJM
Twitter: @The_ArtOfCode
Facebook: https://www.facebook.com/groups/theartofcode/
Patreon: https://www.patreon.com/TheArtOfCode
PayPal Donation: https://paypal.me/theartofcode
Live version:
https://www.shadertoy.com/view/wdlGRM
In this video we recreate a spacy gif that I found here:
https://boingboing.net/2018/12/20/bend-your-spacetime-continuum.html
...
https://www.youtube.com/watch?v=cQXAbndD5CQ
For an upcoming tutorial video on Gyroids!
Twitter: @The_ArtOfCode
Facebook: https://www.facebook.com/groups/theartofcode/
Patreon: https://www.patreon.com/TheArtOfCode
ShaderToy: https://www.shadertoy.com/user/BigWIngs
PayPal Donation: https://paypal.me/theartofcode
Live version:
https://www.shadertoy.com/view/WtKSRz
...
https://www.youtube.com/watch?v=TTz3aiRpk4s
A while ago I made a little doodle while playing with Gyroids and I decided to polish it up to make a nice effect and then make a tutorial about it.This is the last video in the series, in this video we go over the volumetric god rays and sub surface scattering.
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: https://www.facebook.com/groups/theartofcode/
Patreon: https://www.patreon.com/TheArtOfCode
ShaderToy: https://www.shadertoy.com/user/BigWIngs
PayPal Donation: https://paypal.me/theartofcode
FXHash Generative NFTs: https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== If you want to follow along ==========
Part 1 Starting point:
https://www.shadertoy.com/view/WtGXDD
Part 2 starting point:
https://www.shadertoy.com/view/7sSfDR
Starting point of this video:
https://www.shadertoy.com/view/7dXBzs
The finished effect:
https://www.shadertoy.com/view/tlcXWX
========== Other videos to watch ==========
Part 1 of this tutorial: https://youtu.be/b0AayhCO7s8
Part 2 of this tutorial: https://youtu.be/ESUy11kc3y8
ShaderToy for complete beginners: https://youtu.be/u5HAYVHsasc
Writing a ray marcher: https://youtu.be/PGtv-dBi2wE
Smooth minimums: https://www.youtube.com/watch?v=YJ4iyff7zbk
Playing with Gyroids: https://youtu.be/-adHIyjIYgk
...
https://www.youtube.com/watch?v=_7adGI2KQQU
In this video we'll be making a falling hearts effect in shadertoy.
Twitter: @The_ArtOfCode
Facebook: https://www.facebook.com/groups/theartofcode/
Patreon: https://www.patreon.com/TheArtOfCode
PayPal Donation: https://paypal.me/theartofcode
If you have an Android phone you can get the LiveWallpaper here: https://play.google.com/store/apps/details?id=com.TheArtOfCode.FallingHearts
The live effect can be found here:
https://www.shadertoy.com/view/4sccWr
Follow me on twitter @The_ArtOfCode
...
https://www.youtube.com/watch?v=dXyPOLf2MbU
Twitter: @The_ArtOfCode
Facebook: https://www.facebook.com/groups/theartofcode/
Patreon: https://www.patreon.com/TheArtOfCode
PayPal Donation: https://paypal.me/theartofcode
Live version:
https://www.shadertoy.com/view/wdf3zl
In this video I'll go over the distance functions to several primitive shapes: sphere, capsule, torus, box and capped cylinder.
These shapes form the building blocks of just about any complicated shape you want to make so it is good to understand how these functions work.
If you just want to copy past a bunch of distance functions, you can find an exhaustive list of them, along with function to manipulate them here:
https://www.iquilezles.org/www/articles/distfunctions/distfunctions.htm
...
https://www.youtube.com/watch?v=Ff0jJyyiVyw