Coding a crazy weave pattern
The Art of Code
In a previous video (linked below) I showed how to make a basic Truchet effect. This tutorial video is about how to weave two Truchet layers together to create a more complex and interesting pattern. It also covers some tips and tricks to make the final result look cooler.
========== 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: 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 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: https://www.shadertoy.com/view/NtdyWN
========== Other videos to watch ==========
ShaderToy for complete beginners: https://youtu.be/u5HAYVHsasc Truchet Tiling, explained!: https://www.youtube.com/watch?v=2R7h76GoIJM ... https://www.youtube.com/watch?v=pmS-F6RJhAk
212695532 Bytes