• Visual studio code
• the extension glsl-canvas
• the extension "Shader languages support for VS Code"

Run ⌘ ⇧ P on mac os, ctrl ⇧ P on windows. Then Then type Show glslCanvas. Click on the icon setting to set up a shortcut.

On linux, control shift p. Launch the gsls-canvas, then set a custom shortuct. I use alt g

The Book of shaders

Hugh Sky tutorial

Matt DesLauriers tutorial

Shadertoy

Adam Ferris p5js shader examples

John Whitney

vertigo opening title

Arabesque

Experiments in motion graphics 1968

Intro to fragment shaders, variables, swizzling, uniforms, sin wave,coordinate system, write your first function.

Fix screen proportion, improve your square function, pass the position parameter to it.Pass the size parameter. Create a library of functions that you can reuse. create a circle function using lenght. Merge two circles.

Oskar Fischinger

radio dynamics, 1942, Excerpt

An Optical Poem, 1938

Oskar Fischinger, Study no 8 (excerpt)

article on the guardian

Intro to step and smoothstep. Use them to draw a line. Explore built-in functions.Add a function fill, and stroke. Use them to draw the circles Put the merge function into a new file in the libs folder. Add the new boolean functions merge, intersect, smoothMerge, subtract. Try to use them with two circles Add new 2d primitives to your 2dshapes file. Choose 4 of them from here.

Intro to matrices. Move the coordinate system to move things.

Intro to patterns. Deform the coordinate system to deform things.

Truchet patterns and multiple layers patterns.

Load images. In the root of your folder, create a folder called "textures", and put an image, like "first.jpg" in it. Go to File -> Preference ->Settings. Click on the tab "Workspace", then click on "extensions". Find the extension "glsl-canvas". Scroll down to "textures", click on "edit in settings.json". Edit the file as follow:

{
    "glsl-canvas.textures": {
        "0": "./texture/first.jpg",      
    }
}

Now you are ready to use this image in the sketch. Have a look at 070-texture.glsl.

Kernel convolutions. Files 08*.

Random. Intro to Pixelspirit and its library.

Intro to Norman McLaren

Begone Dull Care (Caprice en couleur)

Archive on National film board of Canada

Wiki entry

CGT CGI on eai.org CGI

Noise

Cellular noise

Len Lye Len Lye free radicals

Vimeo collection

article on glasstire

Watched in class: "Rhytm", "Swinging the Lambeth Walk"

Yayoi Kusama - "Kusama's Self Obliteration" (1967)

Feedback buffer

Feedback buffer 2

Wesbite

Raymarching