https://github.com/edap/udk-shaders
https://github.com/edap/udk-shaders
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/edap/udk-shaders
- Owner: edap
- Created: 2021-10-27T10:52:55.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-04T14:17:24.000Z (over 4 years ago)
- Last Synced: 2025-10-19T00:51:20.706Z (8 months ago)
- Language: GLSL
- Size: 1.94 MB
- Stars: 12
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
### Software to install
- Visual studio code
- the extension [glsl-canvas](https://marketplace.visualstudio.com/items?itemName=circledev.glsl-canvas&ssr=false)
- 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
###
### Resources
[The Book of shaders](https://thebookofshaders.com)
[Hugh Sky tutorial](http://hughsk.io/fragment-foundry/chapters/01-hello-world.html)
[Matt DesLauriers tutorial](https://github.com/mattdesl/lwjgl-basics/wiki/Shaders)
[Shadertoy](http://www.shadertoy.com/)
[Adam Ferris p5js shader examples](https://github.com/aferriss/p5jsShaderExamples)
### Lesson 1 (27/10/2021)
John Whitney
[vertigo opening title](https://www.youtube.com/watch?v=Z6tG8DWmuWM)
[Arabesque](https://www.youtube.com/watch?v=w7h0ppnUQhE)
[Experiments in motion graphics 1968](https://www.youtube.com/watch?v=jIv-EcX9tUs)
Intro to fragment shaders, variables, swizzling, uniforms, sin wave,coordinate system, write your first function.
### Lesson 2 (3/11/2021)
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.
### Lesson 3 (10/11/2021)
Oskar Fischinger
[radio dynamics, 1942, Excerpt](https://vimeo.com/371219352)
[An Optical Poem, 1938](https://www.youtube.com/watch?v=FcHsysPGSt0&t=121s)
[Oskar Fischinger, Study no 8 (excerpt)](https://www.youtube.com/watch?v=9JU3GFgMWh8)
[article on the guardian](https://www.theguardian.com/artanddesign/2013/jan/09/oskar-fischinger-animation-disney-nazis)
Intro to step and smoothstep. Use them to draw a line. Explore built-in [functions](https://thebookofshaders.com/05/).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](https://www.iquilezles.org/www/articles/distfunctions2d/distfunctions2d.htm).
### Lesson 4 (17/11/2021)
Intro to [matrices](https://thebookofshaders.com/08/). Move the coordinate system to move things.
### Lesson 5 (24/11/2021)
Intro to [patterns](https://thebookofshaders.com/09/). Deform the coordinate system to deform things.
### Lesson 6 (7/12/2021)
Truchet patterns and multiple layers patterns.
### Lesson 7 (10/12/2021)
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`.
### Lesson 8 (5/01/2022)
Kernel convolutions. Files 08*.
### Lesson 9 (12/01/2022)
Random. Intro to [Pixelspirit](https://github.com/patriciogonzalezvivo/PixelSpiritDeck) and its library.
Intro to Norman McLaren
[Begone Dull Care (Caprice en couleur)](https://www.youtube.com/watch?v=OICQjjFcPr4)
[Archive on National film board of Canada ](https://www.nfb.ca/search/?q=Norman%20McLaren&cat=films&language=en&sortBy=relevance&orderBy=desc)
[Wiki entry ](https://en.wikipedia.org/wiki/Norman_McLaren)
### Lesson 10 (19/01/2022)
[CGT](https://ubu.com/film/ctg_computer.html)
[CGI on eai.org](https://www.eai.org/artists/ctg-computer-technique-group/titles)
[CGI](https://www.eai.org/artists/ctg-computer-technique-group/titles)
Noise
### Lesson 11 (26/01/2022)
Cellular noise
[Len Lye](https://en.wikipedia.org/wiki/Len_Lye)
[Len Lye free radicals](https://www.youtube.com/watch?v=LpAOHBHxaSM)
[Vimeo collection](https://vimeo.com/revoir)
[article on glasstire](https://glasstire.com/2020/09/26/on-video-abstract-animation/)
Watched in class: "Rhytm", "Swinging the Lambeth Walk"
[Yayoi Kusama - "Kusama's Self Obliteration" (1967)](https://www.youtube.com/watch?v=Fb2P8DwbxTM)
Feedback buffer
### Lesson 12 (02/02/2022)
Feedback buffer 2
### Lesson 13 (09/02/2022)
Wesbite
### Lesson (16/02/2022)
Raymarching