The Art of Code
Ray Marching Simple Shapes
updated
========== Timetable ==========
0:00 - Intro
2:33 - Explanation
4:34 - ShaderToy
5:36 - Coding Starting Pos
6:38 - Square Pattern
14:33 - Angle Range
15:48 - Repeat Pattern
20:32 - Distance
23:55 - ID
27:49 - Hash Function
29:00 - ID
31:20 - Function
32:15 - Blinking Effect
33:43 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FX Hash (NFTs): https://www.fxhash.xyz/u/The%20Art%20of%20Code
GitHub: github.com/BigWings2020/ArtOfCode
========== Other videos to watch ==========
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
In this video we make a segmented quadratic Bezier curve that could be useful in all kinds of scenarios. The topic of Bezier curves is much larger than just this video, so in the future we'll probably visit this topic some more.
========== Timetable ==========
0:00 - Intro
0:32 - Setup
10:04 - Bezier Interpolation
16:56 - Drawing the Curve
24:40 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FX Hash (NFTs): https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== If you want to follow along ==========
Just go to ShaderToy.com and make a new shader!
========== Other videos to watch ==========
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Other interesting topics related to this:
Tweening Functions: youtube.com/watch?v=pydKWTSGMEM
Lagrange Interpolation: youtu.be/4S6G-zenbFM
========== Timetable ==========
0:00 - Intro
0:34 - Create Grid
6:50 - Truchet
15:15 - Weave
20:45 - Minkowski Fence
27:30 - Background
33:00 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FX Hash (NFTs): https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== If you want to follow along ==========
Starting point:
shadertoy.com/view/WtGXDD
========== Other videos to watch ==========
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
Torus SDF Explained: youtu.be/Ff0jJyyiVyw?t=490
Booleans Explained: youtu.be/AfKGMUDWfuE?t=763
========== Get an NFT of this effect ===============
I added log-polar coordinates to make it look more interesting. If you want to do the same in your own effect, you can just convert the uv coordinates like so:
uv = vec2(atan(uv.x, uv.y)/6.283185+0.5, log(length(uv)));
https://www.fxhash.xyz/generative/18101
========== Timetable ==========
00:00 - Intro
00:40 - Setup
01:48 - Truchet Function
17:58 - Colors
19:27 - Multiple Layers
20:40 - Making a Weave
25:37 - Better Blending
29:42 - Chebychev Length
33:10 - Changing Curves
34:01 - Changing Thickness
36:33 - Adding a Pattern
42:14 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FX Hash (NFTs): https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== If you want to follow along ==========
Start point:
Just go to ShaderToy.com and make a new shader.
End point:
shadertoy.com/view/NtdyWN
========== Other videos to watch ==========
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Truchet Tiling, explained!: youtube.com/watch?v=2R7h76GoIJM
========== Timetable ==========
0:00 - Intro
0:56 - Start
1:52 - Drawing using Koch coordinates
12:14 - Drawing in 3d
19:36 - Lighting
20:45 - Shaping the fractal
23:05 - Background
26:20 - Outer layer
30:17 - Fade background
31:30 - More tweaking
33:00 - Domain repetition
35:13 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FX Hash (NFTs): https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== NFT of this video =================
https://www.fxhash.xyz/generative/15827
========== If you want to follow along ==========
Starting point:
shadertoy.com/view/sdtcR2
End Point:
shadertoy.com/view/sddfDN
========== Other videos to watch ==========
2D Koch Fractal explained!: youtu.be/il_Qg9AqQkE
3D Koch Fractals Part 1: youtu.be/__dSLc7-Cpo
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
Booleans Explained: youtu.be/AfKGMUDWfuE
If you want to learn more about this project then check out the Code Couture website at:
https://codecouture.studio/
or follow us on Instagram:
instagram.com/codecouture.studio/?igshid=YmMyMTA2M2Y
========== Live Version ==========
Takes 20 seconds to compile. Needs a beefy PC.
shadertoy.com/view/ssdfWM
========== Music ===============
Mystic State - Society (featuring Astrid)
soundcloud.com/mysticstate/mystic-state-society-feat-astrid
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FX Hash (NFTs): https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== Timetable ==========
0:00 - Intro
0:40 - Setup
5:57 - 2d Koch Distance
10:48 - Implementation in 3d
14:40 - Straight Intersection
17:43 - Material
18:50 - Revolution
24:10 - Blend with Sphere
28:25 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FX Hash (NFTs): https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== NFT of this video =================
https://www.fxhash.xyz/generative/13884
========== If you want to follow along ==========
Starting point:
shadertoy.com/view/WtGXDD
Koch Snowflake:
shadertoy.com/view/tdcGDj
End Result:
shadertoy.com/view/sdtcR2
========== Other videos to watch ==========
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
Raymarching operators (Booleans etc): youtu.be/AfKGMUDWfuE
Distance functions for 3d primitives (torus, cylinder etc): youtu.be/Ff0jJyyiVyw
Creating a Koch snowflake: youtu.be/il_Qg9AqQkE
Logarithms are often a bit mysterious to people and therefore quickly forgotten after high school. In this video I hope to give you an intuition about how you can leverage a logarithm to do stuff that could otherwise get quite costly.
========== Timetable =================
0:00 - Intro
1:37 - Problems with Loops
3:01 - Intro to Logarithms
6:30 - Visualizing in ShaderToy
8:30 - Drawing Parabola
10:50 - Changing the Base
13:00 - Attenuate Bounces
16:15 - Undoing Deformation
21:45 - Start at the Top
24:50 - Bonus Time
27:02 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FX Hash (NFTs): https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== If you want to follow along ==========
Start point (if you want to follow along):
shadertoy.com/view/NlXyzS
End point:
shadertoy.com/view/7lByDz
========== Other videos to watch ==========
Let's get Bouncy! (loop version):
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
========== Timetable =================
0:00 - Intro
1:06 - Hardcoded Bounce Desmos
5:22 - Hardcoded Bounce Shadertoy
7:06 - Visualize Graph
10:20 - Building the Loop
18:49 - Geometric Series
20:40 - Attenuation
21:55 - Normalizing Length
23:58 - Fixing Floating Point Error
25:21 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FX Hash (NFTs): https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== If you want to follow along ==========
Starting point:
shadertoy.com/view/7tfyW8
End point:
shadertoy.com/view/NlXyzS
========== Other videos to watch ==========
Easing functions: youtu.be/pydKWTSGMEM
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
The most useful function (smoothstep): youtu.be/60VoL-F-jIQ
========== Timetable ==========
0:00 - Intro
1:46 - Setup
7:50 - Linear
9:22 - Ease In
11:06 - Ease Out
12:50 - Smooth
15:29 - Overshoot
23:30 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FX Hash (NFTs): https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== If you want to follow along ==========
shadertoy.com
========== Other videos to watch ==========
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
========== Timetable ==========
0:00 - Intro
0:44 - Light Color
2:15 - Fake Starburst
6:50 - Ray-Plane Intersection
10:22 - God Rays
17:06 - Translucency
25:10 - Vignette
26:14 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: 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:
shadertoy.com/view/WtGXDD
Part 2 starting point:
shadertoy.com/view/7sSfDR
Starting point of this video:
shadertoy.com/view/7dXBzs
The finished effect:
shadertoy.com/view/tlcXWX
========== Other videos to watch ==========
Part 1 of this tutorial: youtu.be/b0AayhCO7s8
Part 2 of this tutorial: youtu.be/ESUy11kc3y8
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
Smooth minimums: youtube.com/watch?v=YJ4iyff7zbk
Playing with Gyroids: youtu.be/-adHIyjIYgk
========== Timetable ==========
0:00 - Intro
0:32 - Glitter Texture
12:00 - Glitter on Ground
19:30 - Light
23:20 - Glow
26:30 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FXHash Generative NFTs: https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== If you want to follow along ==========
Starting point:
shadertoy.com/view/7sSfDR
The finished effect:
shadertoy.com/view/tlcXWX
========== Other videos to watch ==========
Part 1 of this tutorial: youtu.be/b0AayhCO7s8
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
Smooth minimums: youtube.com/watch?v=YJ4iyff7zbk
Polar coordinates: youtu.be/r1UOB8NVE8I
========== Timetable ==========
0:00 - Intro
0:37 - Basic Scene Setup
3:30 - Gyroid
8:13 - Shell
12:34 - Camera Fix
13:52 - Light
16:25 - Shadows
23:49 - Light Falloff
24:25 - Wavy Ground
27:20 - Rolling the Ball
29:42 - Outro
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FXHash Generative NFTs: https://www.fxhash.xyz/u/The%20Art%20of%20Code
========== If you want to follow along ==========
Starting point:
shadertoy.com/view/WtGXDD
The finished effect:
shadertoy.com/view/tlcXWX
========== Other videos to watch ==========
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
Smooth minimums: youtube.com/watch?v=YJ4iyff7zbk
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
========== If you want to follow along ==========
Starting point:
desmos.com
End Point:
desmos.com/calculator/cfumbhj3yk
========== Other videos to watch ==========
Linear interpolation:
youtube.com/watch?v=NO5JGFJJ_Kk
Lagrange interpolation:
youtube.com/watch?v=4S6G-zenbFM
Or using smooth minimums:
youtube.com/watch?v=YJ4iyff7zbk
Or using Hermite interpolation (smoothstep):
youtube.com/watch?v=60VoL-F-jIQ
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
========== If you want to follow along ==========
Starting point:
desmos.com
End Point:
desmos.com/calculator/zsnqrj1xu3
========== Other videos to watch ==========
Check out my video about linear interpolation:
youtube.com/watch?v=NO5JGFJJ_Kk
Or using smooth minimums:
youtube.com/watch?v=YJ4iyff7zbk
Or using Hermite interpolation (smoothstep):
youtube.com/watch?v=60VoL-F-jIQ
Be sure to check out part 1 here:
youtu.be/xh61Ol2X4GA
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
========== Other videos to watch ==========
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Part 1of this video:
youtu.be/xh61Ol2X4GA
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
========== Other videos to watch ==========
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
How to build a computer in game of life: youtube.com/watch?v=Kk2MH9O4pXY
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
========== If you want to follow along ==========
Live Version:
shadertoy.com/view/flsXRM
========== Other videos to watch ==========
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Smoothstep Explained: youtu.be/60VoL-F-jIQ
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
========== If you want to follow along ==========
Starting point of this video: shadertoy.com/view/sls3WN
End Result: shadertoy.com/view/sllGDN
========== Other videos to watch ==========
Part 1 of this tutorial: youtu.be/NCpaaLkmXI8
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
========== If you want to follow along ==========
Starting point:
shadertoy.com/view/WtGXDD
End point of this video:
shadertoy.com/view/sls3WN
========== Other videos to watch ==========
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
If you want to follow along building the Newtons Cradle, here are the live versions:
Starting point: shadertoy.com/view/WtGXDD
Modeling&Animating - shadertoy.com/view/Ndl3WS
Setting up Materials - shadertoy.com/view/NdSGDG
Making it reflective - youtu.be/beNDx5Cvt7M
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
========== Other videos to watch ==========
Newton's Cradle part 1: youtu.be/nd7Auhb9YN8
ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
========== If you want to follow along ==========
Starting point:
shadertoy.com/view/Ndl3WS
End of part 2:
shadertoy.com/view/NdSGDG
========== Social Media Links ==========
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
========== Other videos to watch ==========
Shadertoy for complete beginners: youtu.be/u5HAYVHsasc
Writing a ray marcher: youtu.be/PGtv-dBi2wE
Torus & Line segment are explained here: youtu.be/Ff0jJyyiVyw
Understanding Boolean operations: youtu.be/AfKGMUDWfuE
========== If you want to follow along ==========
Starting point:
shadertoy.com/view/WtGXDD
The end-result of part 1 is here:
shadertoy.com/view/Ndl3WS
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Live version:
shadertoy.com/view/WtGBW1
Music: Fly Me To The Moon (prod. ibrahim) - Going Spaceward
soundcloud.com/going-spaceward/fly-me-to-the-moon
If you are new to ShaderToy then I highly recommend starting at the beginning:
youtu.be/u5HAYVHsasc
If you want to know how smoothstep works, check this out:
youtu.be/60VoL-F-jIQ
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Live version:
Not the exact same code as in the video, but close enough ;)
shadertoy.com/view/lscGRl
I got the idea when I read about new theories concerning spiral galaxy formation. The standard idea of the spiral arms just orbiting around the center doesn't work because it would 'wind up' the spiral with every rotation. This would very quickly (on cosmological scales) lead the spirals to would wind up to the point where they'd dissapear. This is not what we observe so a different theory is needed. One such theory, called desnity wave theory, is that we are actually looking at lots of overlapping and rotated elliptical orbits, which I tried to emulate here.
Playing around with this made me realize that a galaxy is just a big vortex of dust, where every dust particle is a star! I threw in some super big & bright stars to make for a more interesting image. There is also the occasional supernova thrown in. Though in reality super novae happen in our galaxy about once every 50 years and since one orbit takes about 250 million years it should have about 150,000 super nova flashes per second if we look at it at this time-scale!
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Live version:
shadertoy.com/view/WsyBDz
Music: Yearning by Michael fk - Artlist
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
=== YouTube Links ==============================
If you've never used ShaderToy, or made shaders, start here:
youtu.be/u5HAYVHsasc
SmoothStep Explained:
youtu.be/60VoL-F-jIQ
RayMarching for Dummies:
youtu.be/PGtv-dBi2wE
More displacement mapping for ray marched objects:
youtu.be/Vmb7VGBVZJA
=== ShaderToy Links ============================
Starting point:
shadertoy.com/view/WtGXDD
Live version:
shadertoy.com/view/tscBWn
Music:
NiceWave by Captain Qubz - ArtList
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Click here if you want to follow along:
shadertoy.com/view/3tSfDw
Click here if you want to learn shader coding with ShaderToy from scratch:
youtu.be/u5HAYVHsasc
Click here for the smiley tutorial:
youtu.be/ZlNnrpM0TRg
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Starting point:
shadertoy.com/view/WtGXDD
Live version:
shadertoy.com/view/ttXBzB
To learn how to write your own ray marcher, see this video:
youtube.com/watch?v=PGtv-dBi2wE
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Helpful links:
Feathers in the Wind - Part 1:
youtu.be/68IFmCCy_AM
ShaderToy for absolute beginners:
youtu.be/u5HAYVHsasc
Simple camera setup:
youtu.be/dKA5ZVALOhs
Ray-sphere intersection:
youtu.be/HFPlKQGChpE
Polar coordinates:
youtu.be/r1UOB8NVE8I
Smoothstep explained:
youtu.be/60VoL-F-jIQ
Live version:
shadertoy.com/view/tljcRW
Music:
Hammer & Felt by Beneath the Mountain
Live version:
shadertoy.com/view/ttlcR2
ShaderToy for absolute beginners:
youtu.be/u5HAYVHsasc
Smoothstep explained:
youtu.be/60VoL-F-jIQ
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
For a more indepth derivation of this function, check out 'Interpolation for Dummies':
youtu.be/NO5JGFJJ_Kk
To see what you can do by drawing ONE line after you have folded space, check out this video on the Koch fractals: youtu.be/il_Qg9AqQkE
There isn't much in this shader that I haven't already covered in tutorial videos. This uses: Ray Marching, Voronoi, Gyroids and tiled effects.
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Live version of this effect:
shadertoy.com/view/wlVSDK
Original snake scale effect:
shadertoy.com/view/4dc3R2
Music:
Liam Seagrave - Pandemic (Prologue) - Slow Strings Suspense
soundcloud.com/liam-seagrave/pandemic-prologue-slow-strings-suspense-music-original-horror-piano-composition
Jungle Sounds:
soundcloud.com/extasis_demencial/jungle-sounds
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Live version:
shadertoy.com/view/wlKSRc
youtube.com/watch?v=TTz3aiRpk4s
Tutorial starting point:
shadertoy.com/view/WtGXDD
If you want to write your own raymarcher:
youtube.com/watch?v=PGtv-dBi2wE
Basic operators, like booleans, explained:
youtube.com/watch?v=AfKGMUDWfuE
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Live version:
shadertoy.com/view/WtKSRz
youtu.be/rvDo9LvfoVE
Star fields were some of the first effect I ever coded, back in the late 80's. I decided to revisit this effect and make a 2020 shader version of it. In this video we'll be making this effect in ShaderToy, from scratch!
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Live version:
shadertoy.com/view/tlyGW3
Music:
Empyrean - MichaelFK
ShaderToy for absolute beginners:
youtube.com/watch?v=u5HAYVHsasc
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Live version:
shadertoy.com/view/tlyGW3
Music:
Empyrean - MichaelFK
ShaderToy for absolute beginners:
youtube.com/watch?v=u5HAYVHsasc
youtu.be/LLZPnh_LK8c
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Live version:
shadertoy.com/view/4s33zf
Music:
Solitude - Michele Nobler
ShaderToy for absolute beginners:
youtube.com/watch?v=u5HAYVHsasc
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Live version:
shadertoy.com/view/4s33zf
Music:
Solitude - Michele Nobler
ShaderToy for absolute beginners:
youtube.com/watch?v=u5HAYVHsasc
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
A Unity package with the shader is available for everyone on Patreon.
Ray Marching is explained in detail here:
youtube.com/watch?v=PGtv-dBi2wE
Sphere, Torus and other distance function are explained here:
youtube.com/watch?v=Ff0jJyyiVyw
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Live version:
shadertoy.com/view/wdGXzK
Music:
soundcloud.com/weareallsynners/cyberpunk
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
Shader starting point:
shadertoy.com/view/wdGGz3
Shadertoy for absolute beginners (if you've never shader coded before):
youtu.be/u5HAYVHsasc
Ray Marching for dummies (building a ray marcher from scratch):
youtu.be/PGtv-dBi2wE
Simple shapes explained (sphere, cube, cylinder, torus):
youtu.be/Ff0jJyyiVyw
Basic operators (translate, rotate, scale):
youtu.be/AfKGMUDWfuE
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
If you are new to shader coding then check out my absolute beginners tutorial:
youtube.com/watch?v=u5HAYVHsasc
Live version:
shadertoy.com/view/tdcGDj
Truchet mirror tiling solution:
shadertoy.com/view/td33D4
Music:
Verve - Assaf Ayalon
Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
Live version:
shadertoy.com/view/3lBXWK
Smoothstep explained:
youtu.be/60VoL-F-jIQ
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
PayPal Donation: paypal.me/theartofcode
Part 1:
youtu.be/kY7liQVPQSc
Smoothstep explained:
youtu.be/60VoL-F-jIQ
This is the second of two videos in which we will create a Mandelbrot fractal explorer. In this video we'll add colors and patterns.
Patrons, check out the link on Patreon for the source files!
The color gradients texture is from Inigo Quilez great article about procedural color gradients:
http://www.iquilezles.org/www/articles/palettes/palettes.htm
He also has a ton of other interesting articles, including one on smooth iteration:
http://www.iquilezles.org/www/articles/mset_smooth/mset_smooth.htm
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
PayPal Donation: paypal.me/theartofcode
In this video we'll write a ray marcher from scratch and texture map a cool material onto the inside of a torus.
Inspiration for this effect:
twitter.com/ReinderNijhoff/status/1088560266273583104
Live version:
shadertoy.com/view/ts2XDw
Music:
Buddha by Kontekst soundcloud.com/kontekstmusic Creative Commons — Attribution 3.0 Unported— CC BY 3.0 http://creativecommons.org/licenses/b... Music promoted by Audio Library youtu.be/b6jK2t3lcRs
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
PayPal Donation: paypal.me/theartofcode
In this video we'll code a rain-on-window shader from scratch in Unity. This is part 2, in which we'll make the fog and transparency.
ShaderToy Live Version:
shadertoy.com/view/ltffzl
Music:
Buddha by Kontekst soundcloud.com/kontekstmusic Creative Commons — Attribution 3.0 Unported— CC BY 3.0 http://creativecommons.org/licenses/b... Music promoted by Audio Library youtu.be/b6jK2t3lcRs
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
PayPal Donation: paypal.me/theartofcode
I did an effect a little while ago that shows rain dripping down a window. I figured it could be good to use in a game perhaps but since it was made in ShaderToy, and ShaderToy is not used for game development, I figured I would do a better version of the original effect, in Unity! So, if you are making a game or any kind of interactive program in Unity, you can now add a nice 'Rainy Grey Sunday' effect to it ;)
In this video we'll code a rain-on-window shader from scratch in Unity. This is part 1, in which we'll make the drops.
ShaderToy Live Version:
shadertoy.com/view/ltffzl
Music:
Buddha by Kontekst soundcloud.com/kontekstmusic Creative Commons — Attribution 3.0 Unported— CC BY 3.0 http://creativecommons.org/licenses/b... Music promoted by Audio Library youtu.be/b6jK2t3lcRs