Paint by Pixel: An Introduction to Procedural Art Through WebGL and Fragment Shaders

Explore the world of procedural art through WebGL and fragment shaders, learning how to generate unique and interactive creations using algorithms and mathematical functions.

Key takeaways
  • Procedural art is a style of art that uses algorithms and mathematical functions to generate artwork.
  • Web GL is a JavaScript API used for rendering 2D and 3D graphics in web browsers.
  • Fragment shaders are a type of shader that runs on each pixel of an image.
  • Procedural art can be used to generate a wide range of artistic styles, from simple shapes to complex, photorealistic images.
  • The GPU is a massively parallel supercomputer that can be used to perform complex calculations.
  • Ray marching is a technique used in procedural art to generate 3D shapes.
  • Interactive art can be created by using JavaScript to manipulate the values that are used to generate the artwork.
  • The Book of Shaders is a website that provides a simple way to learn about procedural art using Web GL and fragment shaders.
  • Artists need to experiment with different mathematical functions and parameters to create unique and interesting artwork.
  • The concept of uniform variables in fragment shaders allows artists to easily change the parameters of an artwork.
  • The idea of procedural art is not new, but it has been growing in popularity in recent years.
  • Procedural art is not limited to visual art, but can also be used to generate music and other forms of creative expression.
  • The speaker emphasizes the importance of experimenting and trying new things in procedural art.
  • Procedural art can be used to create simple, slow-moving animations as well as complex, interactive scenes.
  • The speaker uses a variety of terms, such as “sdf” and “plaid,” to describe different techniques and styles in procedural art.
  • Procedural art is often used to generate fractals, which are mathematical sets that exhibit self-similarity.
  • The speaker encourages the audience to experiment with different techniques and styles to create their own unique artwork.
  • The use of mathematical functions and parameters in procedural art allows for a high degree of customization and control.
  • Procedural art can be used to create a wide range of artistic styles, from simple to complex, and from realistic to abstract.
  • The speaker mentions several resources, including The Book of Shaders, ShaderToy, and YouTube, for learning about procedural art.
  • Procedural art can be used to create interactive, dynamic artworks that respond to user input.
  • The speaker encourages the audience to experiment with different techniques and styles to create their own unique artwork.
  • Procedural art is a form of generative art, which means that the artwork is generated algorithmically rather than by a human artist.
  • The speaker emphasizes the importance of experimentation and trying new things in procedural art.
  • Procedural art can be used to create complex, 3D shapes and scenes, as well as simple, 2D designs.
  • The speaker mentions several resources, including The Book of Shaders, ShaderToy, and YouTube, for learning about procedural art.
  • Procedural art is a form of computer-generated art that uses algorithms and mathematical functions to generate artwork.