In this tutorial, I explore the fascinating realm of shader art coding and aim to offer helpful insights and guidance to assist you in beginning your own creative journey. I hope to share my passion with you along the way!
Final shader:
Resources presented in the video:
• Shadertoy:
• Inigo Quilez website:
• 2D signed distance functions:
• Color palette article:
• Color palette webapp:
• Graphtoy:
Other useful resources:
• GLSL Reference & Swizzling: (GLSL)#Basic_types
• The Book of Shaders:
• Shadertoy Unofficial:
• Inigo Quilez’s channel: @InigoQuilez
• The Art of Code’s channel: @TheArtofCodeIsCool
Shaders showcased in the intro:
- “Cloud Ten“ by nimitz:
- “Abstract Glassy Field“ by Shane:
- “For the neon style enjoyers“ by mrange:
- “Fractal Land“ by Kali:
Video editing: Premiere & After Effects
Animations: Manim Community and GLSL Shaders
Note that the voice-over has been generated using AI !
I wasn’t really satisfied about my french accent and poor mic quality that made the video even harder to follow. I’m not sure if I’ll continue using it in the future. What did you think about it ?
Follow me if you want to see more content like this!
• Instagram: (Digital Art)
• Twitter: (Computer Graphics, ML, Shaders..)
Timestamps:
0:00 Introduction
0:52 What are shaders ?
2:55 Shadertoy
3:19 In/out parameters
4:04 Display colors
4:40 fragCoord
5:26 iResolution & swizzling
6:45 uv coordinates
7:45 Center uvs
8:49 length()
9:42 Fix aspect ratio
10:36 Signed Distance Functions
11:43 step()
12:13 smoothstep()
12:50 sin() and iTime
13:58 1/x
15:07 Add colors
17:22 fract()
19:05 Iterations
20:13 exp()
21:31 pow()
21:55 Conclusion
Music by | e s c p |
1 view
1156
395
5 months ago 02:06:42 1
LE CERVEAU DE L’ARNAQUE À LA TAXE CARBONE RÉVÈLE TOUT ! | GREGORY ZAOUI | GPTV
5 months ago 00:04:54 1
Top Meme Coins | Crypto Meme | Meme Coins to Buy
5 months ago 00:08:00 1
Hungary’s Orban Takes Shot At “Muslim Civilization In Europe“ As Conservatives Rally Ahead Of Polls
5 months ago 00:03:03 1
Vanity Fare - Hitchin’ a Ride (1970)
5 months ago 00:43:27 1
Riding Japan’s 7 Star Luxury Sleeper Train | Seven Stars in Kyushu
5 months ago 00:36:07 1
Buhurt Worldcup Dominus Seminar
5 months ago 00:09:08 1
Powerful Google Maps Scraper - Extract All Business Data And Emails From Google Maps
5 months ago 00:08:08 1
Stevie Ray Vaughan - Crossfire + Travis Walk (instrumental) [1989]
5 months ago 00:07:24 1
Stevie Ray Vaughan - Rude Mood? (fast blues) + Pride & Joy [Unplugged]
5 months ago 00:17:20 1
Transforming Text and Masks into a Stunning 3D Strings #AudioVisualizer | #AfterEffects #Tutorial
5 months ago 00:22:38 1
Up NEPA! Solving Nigeria Electricity Problems Once and For All
5 months ago 00:50:42 1
What’s Up Prof? Walter Veith & Martin Smith - What Is Truth?
5 months ago 01:04:13 1
Latimer Alder: Net Zero for Dummies | Tom Nelson Pod #208
5 months ago 00:06:46 1
AUC3I - Daily Briefing 05-03-2024 On the WAR in Ukraine
5 months ago 00:06:01 1
US Forms “Squad“ With Australia, Philippines, Japan To Counter “Irresponsible“ China In Indo-Pacific
5 months ago 00:43:23 1
Conférence Cambridge, Jacques Benveniste, 10/03/1999
5 months ago 00:48:41 1
Point presse du 2/05 : 80e anniversaire de la Libération
5 months ago 00:08:37 1
The Most Powerful Al Supercomputer in the World - BlackRock’s Aladdin Software
5 months ago 01:52:14 1
De Gaulle : histoire d’un géant
5 months ago 00:06:24 1
Finally, horses are good.
5 months ago 00:32:06 1
Introduction to Copperplate Calligraphy for Beginners (Part 1)
5 months ago 00:03:01 1
Halsey, SUGA - Lilith (Diablo IV Anthem)
5 months ago 00:00:30 1
Kickstart Your Journey: Learn 3D Animated Character Creation - Using #blender