20 shader artworks created by ilithya in GLSL

Introduction to pixel shaders

This course is designed for beginners eager to dive into the world of computational thinking and creative coding with pixel shaders, referred to as fragment shaders in GLSL, as well as for those who aren’t beginners but still struggle with a solid foundation.

While shaders may initially seem complex, I'll help you see them in a new light. Whether you're new to shaders, hesitant to start, or have some experience but feel unsure, I'm here to guide you through every step of the way.

Discover fragment shaders in a new way that helps you truly understand the fundamentals, giving you the confidence and inspiration to write your own shaders.

Preview two lessons from the Color Module, where you'll employ color theory to understand how color works in fragment shaders, and start coding your first shaders by following the first examples.

Shader artwork by ilithya

By ilithya

Learn with me

Course expansion offer $85 USD ($95 regular).

📺 24 video lessons
📚 5 content modules
📊 Transcripts with examples
䷉ Subtitles in English
📝 Quiz in each module
🧮 Beginner friendly
💬 Private community
💰 One time payment
🎉 Certificate of completion
🕊️ Access forever

Lock in the current price while new transcripts, subtitles, and learning resources are being added. Course pricing will gradually increase as new content is released. Join now!

Shader artwork by ilithya

Get started

You'll learn

88 students have joined!

  • Pixel (fragment) shader decoding

  • Basic setup of a fragment shader template in GLSL

  • Explorations of the RGB color model and gradients to understand how fragment shaders work

  • Creating abstract artwork inspired by patterns and geometric art through the use of code and mathematics

  • Visual understanding of how the usage of trigonometry equations and other math functions aid in drawing and adding motion to our sketches

Shaders don’t have to be intimidating, it’s all about how you approach and interpret them.

I’ll turn those initial frustrations into aha moments, shining a light on what might have seemed like a dark tunnel. You'll develop an intuition for drawing in shaders without the complexity of abstract math. Let’s get you started on this journey, and by the end of it, you’ll be creating shaders in GLSL confidently with a new mental model.

Overview

Course content

Video lessons with transcripts including graphics and code examples. A final quiz in each module.

Welcome

Meet me and get started with an introduction to the course modules.

📺
01. Introduction

Module 01: Basics

Learn the fundamental theory of shaders, OpenGL, and pixel shaders, commonly known as fragment shaders in GLSL.

📺
02. Shaders
📺
03. Pixel (Fragment) Shaders
📺
04. GLSL Syntax
📺
05. UV Space
📺
06. UV Centering & Aspect Ratio
📑
Quiz: Basics

Module 02: Color

Employ color theory to understand how color works in fragment shaders, and start coding your first shaders by following the first examples.

📺
07. RGB Color Model
Preview
📺
08. Luminosity Gradients
Preview
📺
09. Saturation Continuum Gradients
📑
Quiz: Color

Module 03: Geometry

Understand how the coordinate space in fragment shaders works to start developing an intuition for drawing geometry with math and algorithms without the complexity of abstract mathematics, while you continue coding as you follow the examples.

📺
10. Bending Space
📺
11. Circle - Part 1
📺
12. Circle - Part 2
📺
13. Circle - Part 3
📺
14. Square - Part 1
📺
15. Square - Part 2
📺
16. Triangle
📺
17. Ring
📑
Quiz: Geometry

Module 04: Patterns

Use the coordinate space in fragment shaders with a few GLSL Built-in Functions to create and mix geometrical patterns, as you code by following the examples.

📺
18. Repeating Space
📺
19. Linear Repetition - Part 1
📺
20. Linear Repetition - Part 2
📺
21. Grid Repetition
📺
22. Mix Repetitions
📑
Quiz: Patterns

Module 05: Motion

Animate your fragment shader sketches with the use of various GLSL Built-in Functions to perform basic mathematics, while you follow the last coding examples.

📺
23. Time Clock
📺
24. Trigonometry - Part 1
📺
25. Trigonometry - Part 2
📑
Quiz: Motion

Goodbye

See you next time, and start creating your own fragment shaders.

📺
26. The End

FAQ

Frequently asked questions

Ask me anything.

Do I need any software?

No. You'll only need an up-to-date browser to follow the course. 

We'll be using CodePen to create our shaders, which is a web development environment with a free tier.

Should I have coding or advance math knowledge?

No. While you don't need any prior coding experience, you should be curious about learning how to write or edit shaders with code. I break down every topic listed in the course step by step, and all of the code shown in the videos is also provided in written form in the transcripts. If you're completely new to it, you'll be able to copy and paste code as you learn.

As for math, you don't need to love it or have an advanced background in it to learn shaders with me. I make sure to approach complex math concepts through visual examples, helping you build an intuition by seeing how they affect the shaders you create.

If I know fragments shaders already is this course for me?

Yes! This course is also designed for experienced shader creators who want to refresh their fundamentals. If you sometimes struggle with the basics while creating your shaders, this course is for you.

Do you have a student or unemployment discount?

Yes! Just email me.

If you're a student send an email from your student email account (example[at]school.edu) and I'll send you a discount code that you can use at the checkout.

If you're currently unemployed, please don't hesitate to also ask for a discount.

What are the payment methods?

You can purchase the course using Stripe (credit/debit card) or PayPal.

Do I get an invoice after my purchase?

Yes, you do. The platform, Podia, does this automatically after your purchase.

If for some reason you don't get one, do not hesitate to reach out.

ilithya's profile image

Instructor

Meet me

I'm ilithya, a multidisciplinary artist, technologist, and educator with a background in creative development and design from México, based in Hamburg, Germany.

I collaborate with other artists, musicians, curators, brands, studios, and independent designers around the world to create mesmerizing visual experiences for fine arts, festivals, the web, and musical performances.

Testimonials

People's saying

"This course helped me a lot. If you're looking to understand the roots and basic concepts of shaders using GLSL, then this course is a must. If I had to point out something that I really liked, it's that ilithya has really good examples to explain concepts that are very abstract. That's something that I really appreciate and think is a key element for everyone who wants to teach something."

Johny Gutierrez

Software Developer

"ilithya’s course starts from the beginning, providing a newcomer to shaders (🙋🏻‍♂️) an opportunity to build a solid foundation for the future. She provides very easy-to-understand explanations that have been difficult for me to grasp in the past. Highly recommend this course!"

"ilithya explains what would otherwise be intimidating math concepts and graphs in an incredibly accessible and intuitive way. She uses analogies that really make the magic of shaders click!."

Eliza Struthers-Jobin

Digital Artist

"Shout out to ilithya for making such a dope online class for learning GLSL pixel (fragment) shaders! This course was everything I needed to jumpstart writing code for creating my own shaders to throw into the Erogenous Tones structure module. It is the cherry on top for my set up and I couldn't be more excited for what's to come with my art in the near future!"

Trenton Carlton

Audio Visual Artist

"I've been using shaders to create generative art for a few years, and I can say this course is a great resource to learn fragment shaders if you want to get started."

Camille Roux

Artist

"Not just a great introduction to pixel shaders, but also to getting started with generative art - something that I think is unique in this space. ilithya presents some of the more tricky concepts in a really approachable and accessible way that solidified my own understanding - highly recommended!"

Ben McCormick

Creative Developer

"ilithya rocks! And explains many head-scratching shader concepts! Her course gave me a clear picture of a pixel (fragment) shader, and the tools to make some of my own. If you want full control over scaleable life-like shaders, her course is well worth it"

Solomon Zelenko

Technologist and Poet

"I have dipped in and out of shader coding over the years and doing this course was a fantastic way to reacquaint myself with the possibilities. It is a comprehensive baseline and I have confidence now to explore more of this fascinating art form. ilithya’s explanations and ongoing support are so valuable, thank you!"

Linda Loh

Visual artist

"I’ve been working with shaders for the web, and this course was super helpful. It gave me a much better understanding of how shaders work. The explanations are super clear and easy to follow, making complex concepts much more accessible. I highly recommend it!"

Neftali Morales

Web 3D Designer

"I already had some experience with pixel shaders and GLSL, but struggled to fully understand the playground and feel confident to keep practicing. ilithya does such a very thoughtful walk through core foundational concepts of shapes, patterns and color, helping a lot with shader understanding and also unlocking way more creative possibilities I hadn’t explored before."

"This course is great for getting into the mindset of making procedural art with GLSL. ilithya guides you through using basic math functions to draw geometric primitives. It was useful for me to think about "bending and folding space" by manipulating UVs, which is not something I would normally do. I'm looking forward to building on this to expand my vocabulary as a technical artist!"

"Although I have worked with GLSL quite often, I still struggled to really understand how it works and what possibilities it offers. This course helped me a lot to fill this gap and motivated me to try new things with shaders!"

Sophie Ferrlein

Data & Code Artist

"I've been trying to learn GLSL and shaders for a while, but some concepts always felt out of reach. In this course, ilithya helped me build a simpler mental model that finally made things click. Highly recommended — thank you!"

Andrés Tijera

Software Developer