The Art of Code | Live Coding: Cairo Tiling Explained! @TheArtofCodeIsCool | Uploaded March 2023 | Updated October 2024, 2 hours ago.
You probably know that you can tile the plane with triangles, squares and hexagons. But did you know you can do it with pentagons? While the pentagon has to be skewed a little, this is possible, and it makes for a beautiful, geometric-yet-organic looking pattern called a Cairo tiling, that isn't nearly used enough. In this video we will create this tiling from scratch, in the hopes that it will be used more in the future!
========== 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
You probably know that you can tile the plane with triangles, squares and hexagons. But did you know you can do it with pentagons? While the pentagon has to be skewed a little, this is possible, and it makes for a beautiful, geometric-yet-organic looking pattern called a Cairo tiling, that isn't nearly used enough. In this video we will create this tiling from scratch, in the hopes that it will be used more in the future!
========== 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