- 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
Adam Ferris p5js shader examples
John Whitney
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
Oskar Fischinger, Study no 8 (excerpt)
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
Noise
Cellular noise
Watched in class: "Rhytm", "Swinging the Lambeth Walk"
Yayoi Kusama - "Kusama's Self Obliteration" (1967)
Feedback buffer
Feedback buffer 2
Wesbite
Raymarching