Advanced Creative Coding with WebGL & Shaders

File Name

Size

1. Introduction/1. Introduction.mp4

10 MB

1. Introduction/2. WebGL, GLSL & Three.js Overview.mp4

18 MB

1. Introduction/3. WebGL Examples.mp4

207 MB

1. Introduction/4. Course Code & Setup canvas-sketch.mp4

52 MB

1. Introduction/5. canvas-sketch Overview & Settings.mp4

74 MB

2. Three.js Intro/1. Coordinate Systems.mp4

13 MB

2. Three.js Intro/2. Geometry, Materials & Mesh.mp4

36 MB

2. Three.js Intro/3. Position & Scene.mp4

16 MB

2. Three.js Intro/4. Three.js Setup.mp4

31 MB

3. Creating a Scene/1. Applying Images to Spheres.mp4

43 MB

3. Creating a Scene/2. Grouping & Hierarchy.mp4

14 MB

3. Creating a Scene/3. Lighting & Material Texture.mp4

25 MB

3. Creating a Scene/4. Light & Grid Helper.mp4

24 MB

3. Creating a Scene/5. Units & Scale.mp4

24 MB

3. Creating a Scene/6. GPGPU for Computation.mp4

25 MB

3. Creating a Scene/7. Texture Mapping.mp4

75 MB

4. Geometry/1. Custom Geometry.mp4

56 MB

4. Geometry/2. Buffer Geometry.mp4

32 MB

5. Shaders/1. Shadertoy.mp4

25 MB

5. Shaders/10. Circular Mask Pattern.mp4

45 MB

5. Shaders/11. Color Interpolation with mix.mp4

17 MB

5. Shaders/12. Translating Mask onto a Sphere.mp4

15 MB

5. Shaders/13. Mapping UV Coordinates on Shapes.mp4

29 MB

5. Shaders/14. Adding GLSL Noise.mp4

45 MB

5. Shaders/15. GLSL Noise.mp4

40 MB

5. Shaders/2. Fragment Shaders.mp4

63 MB

5. Shaders/3. Vertex Shaders.mp4

35 MB

5. Shaders/4. Basic GLSL Fragment Shader.mp4

40 MB

5. Shaders/5. Custom Shader Setup.mp4

43 MB

5. Shaders/6. Custom Gradient Shader.mp4

22 MB

5. Shaders/7. Passing Data into Shaders.mp4

8.9 MB

5. Shaders/8. Texture Coordinates.mp4

39 MB

5. Shaders/9. Example Shader Inspiration.mp4

30 MB

6. Advanced Geometry/1. Icosahedron Geometry.mp4

44 MB

6. Advanced Geometry/2. Drawing Circles onto an Icosahedron.mp4

44 MB

6. Advanced Geometry/3. Using a Shader as a Texture.mp4

70 MB

6. Advanced Geometry/4. Rim Lighting.mp4

49 MB

6. Advanced Geometry/5. Antialiasing with GLSL.mp4

27 MB

6. Advanced Geometry/6. Exporting Animations in canvas-sketch.mp4

50 MB

6. Advanced Geometry/7. Custom Attributes Demo.mp4

13 MB

7. Wrapping Up/1. Q&A.mp4

48 MB

7. Wrapping Up/2. Wrapping Up.mp4

10 MB

redme.txt

11 kB

webgl-shaders.pdf

96 MB

workshop-webgl-glsl-master/README.md

1.3 kB

workshop-webgl-glsl-master/docs/200.html

362 B

workshop-webgl-glsl-master/docs/Inter-Medium.03f7477a.woff

130 kB

workshop-webgl-glsl-master/docs/Inter-Medium.5d08e0ba.woff2

97 kB

workshop-webgl-glsl-master/docs/Inter-Regular.80990fde.woff2

90 kB

workshop-webgl-glsl-master/docs/Inter-Regular.ad19291a.woff

122 kB

workshop-webgl-glsl-master/docs/Inter-SemiBold.6e118daf.woff

131 kB

workshop-webgl-glsl-master/docs/Inter-SemiBold.bcf08317.woff2

97 kB

workshop-webgl-glsl-master/docs/baseline-arrow_back-24px-white.b076bb2b.svg

211 B

workshop-webgl-glsl-master/docs/baseline-fullscreen-24px.d9e10bcb.svg

216 B

workshop-webgl-glsl-master/docs/baseline-fullscreen_exit-24px.312969f9.svg

215 B

workshop-webgl-glsl-master/docs/baseline-keyboard_arrow_left-24px.af1a042c.svg

196 B

workshop-webgl-glsl-master/docs/baseline-keyboard_arrow_right-24px.b6d7dfeb.svg

194 B

workshop-webgl-glsl-master/docs/baseline-menu-24px.09ff0776.svg

196 B

workshop-webgl-glsl-master/docs/baseline-refresh-24px.1f360cd8.svg

340 B

workshop-webgl-glsl-master/docs/book.3ed34e26.css

46 kB

workshop-webgl-glsl-master/docs/book.3ed34e26.css.map

83 kB

workshop-webgl-glsl-master/docs/book.7425555d.js

1.8 MB

workshop-webgl-glsl-master/docs/book.7425555d.js.map

5.6 MB

workshop-webgl-glsl-master/docs/book.f0a59a38.js

1.8 MB

workshop-webgl-glsl-master/docs/book.f0a59a38.js.map

5.6 MB

workshop-webgl-glsl-master/docs/book.f30661f9.css

46 kB

workshop-webgl-glsl-master/docs/book.f30661f9.css.map

83 kB

workshop-webgl-glsl-master/docs/hack-regular.a6efe11d.woff

138 kB

workshop-webgl-glsl-master/docs/hack-regular.a6f00174.woff2

104 kB

workshop-webgl-glsl-master/docs/index.html

362 B

workshop-webgl-glsl-master/docs/zoom-24px.8b470a1f.svg

374 B

workshop-webgl-glsl-master/guides/LICENSE.md

1.1 kB

workshop-webgl-glsl-master/guides/canvas-sketch.md

4.8 kB

workshop-webgl-glsl-master/guides/command-line.md

5.5 kB

workshop-webgl-glsl-master/guides/further-reading.md

1.8 kB

workshop-webgl-glsl-master/guides/glsl-syntax.md

1.0 kB

workshop-webgl-glsl-master/guides/glslify.md

1.9 kB

workshop-webgl-glsl-master/guides/modules.md

2.5 kB

workshop-webgl-glsl-master/guides/node-and-npm.md

10 kB

workshop-webgl-glsl-master/guides/snippets.md

3.0 kB

workshop-webgl-glsl-master/images/canvas-sketch.png

736 kB

workshop-webgl-glsl-master/images/node0.png

123 kB

workshop-webgl-glsl-master/images/node1.png

122 kB

workshop-webgl-glsl-master/images/node3.png

103 kB

workshop-webgl-glsl-master/images/node4.png

159 kB

workshop-webgl-glsl-master/images/node5.png

187 kB

workshop-webgl-glsl-master/images/terminal0.png

113 kB

workshop-webgl-glsl-master/images/terminal1.png

194 kB

workshop-webgl-glsl-master/images/terminal2.png

119 kB

workshop-webgl-glsl-master/package-lock.json

366 kB

workshop-webgl-glsl-master/package.json

2.7 kB

workshop-webgl-glsl-master/src/book/assets/font/Inter-Medium.woff

130 kB

workshop-webgl-glsl-master/src/book/assets/font/Inter-Medium.woff2

97 kB

workshop-webgl-glsl-master/src/book/assets/font/Inter-Regular.woff

122 kB

workshop-webgl-glsl-master/src/book/assets/font/Inter-Regular.woff2

90 kB

workshop-webgl-glsl-master/src/book/assets/font/Inter-SemiBold.woff

131 kB

workshop-webgl-glsl-master/src/book/assets/font/Inter-SemiBold.woff2

97 kB

workshop-webgl-glsl-master/src/book/assets/font/hack-regular.woff

138 kB

workshop-webgl-glsl-master/src/book/assets/font/hack-regular.woff2

104 kB

workshop-webgl-glsl-master/src/book/assets/image/baseline-arrow_back-24px-white.svg

211 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-arrow_back-24px.svg

198 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-arrow_back_ios-24px.svg

189 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-arrow_forward-24px.svg

195 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-arrow_forward_ios-24px.svg

184 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-arrow_left-24px.svg

158 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-arrow_right-24px.svg

159 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-close-24px.svg

239 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-fullscreen-24px.svg

216 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-fullscreen_exit-24px.svg

215 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-keyboard_arrow_left-24px.svg

196 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-keyboard_arrow_right-24px.svg

194 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-menu-24px.svg

196 B

workshop-webgl-glsl-master/src/book/assets/image/baseline-refresh-24px.svg

340 B

workshop-webgl-glsl-master/src/book/assets/image/zoom-24px.svg

374 B

workshop-webgl-glsl-master/src/book/contents.js

2.5 kB

workshop-webgl-glsl-master/src/book/index.html

354 B

workshop-webgl-glsl-master/src/book/index.js

1.1 kB

workshop-webgl-glsl-master/src/book/interactive/CartesianCoordinates.js

1.9 kB

workshop-webgl-glsl-master/src/book/interactive/CodeEditor.js

3.6 kB

workshop-webgl-glsl-master/src/book/interactive/CodeEditor.scss

1.4 kB

workshop-webgl-glsl-master/src/book/interactive/Coordinates2D.js

2.8 kB

workshop-webgl-glsl-master/src/book/interactive/CubeVisualizer.js

3.5 kB

workshop-webgl-glsl-master/src/book/interactive/Indices.js

10 kB

workshop-webgl-glsl-master/src/book/interactive/InteractiveComponent.js

11 kB

workshop-webgl-glsl-master/src/book/interactive/InteractiveComponent.scss

4.2 kB

workshop-webgl-glsl-master/src/book/interactive/Mesh.js

2.8 kB

workshop-webgl-glsl-master/src/book/interactive/NoiseGrid.js

4.8 kB

workshop-webgl-glsl-master/src/book/interactive/Params.js

8.7 kB

workshop-webgl-glsl-master/src/book/interactive/Params.scss

1.8 kB

workshop-webgl-glsl-master/src/book/interactive/RawShader.js

7.9 kB

workshop-webgl-glsl-master/src/book/interactive/Scene.js

2.7 kB

workshop-webgl-glsl-master/src/book/interactive/TestInteractiveComponent.js

154 B

workshop-webgl-glsl-master/src/book/interactive/ThreeGeomMat.js

4.3 kB

workshop-webgl-glsl-master/src/book/interactive/ThreeJSDemo.js

3.1 kB

workshop-webgl-glsl-master/src/book/interactive/Vertices.js

3.1 kB

workshop-webgl-glsl-master/src/book/interactive/Waves.js

3.7 kB

workshop-webgl-glsl-master/src/book/interactive/createCartesianGrid.js

6.6 kB

workshop-webgl-glsl-master/src/book/interactive/github-theme.css

1.1 kB

workshop-webgl-glsl-master/src/book/interactive/material-checkbox.css

3.3 kB

workshop-webgl-glsl-master/src/book/interactive/material-slider.css

6.6 kB

workshop-webgl-glsl-master/src/book/interactive/mode-clike.js

26 kB

workshop-webgl-glsl-master/src/book/interactive/mode-javascript.js

37 kB

workshop-webgl-glsl-master/src/book/pages/CanvasSketch.md

989 B

workshop-webgl-glsl-master/src/book/pages/CanvasSketchAnimations.md

1.3 kB

workshop-webgl-glsl-master/src/book/pages/CanvasSketchWebsite.md

1.0 kB

workshop-webgl-glsl-master/src/book/pages/Coordinates2D.md

332 B

workshop-webgl-glsl-master/src/book/pages/Coordinates2DOther.md

467 B

workshop-webgl-glsl-master/src/book/pages/Coordinates3D.md

337 B

workshop-webgl-glsl-master/src/book/pages/Extras.md

227 B

workshop-webgl-glsl-master/src/book/pages/Faces.md

319 B

workshop-webgl-glsl-master/src/book/pages/FragmentShaders.md

260 B

workshop-webgl-glsl-master/src/book/pages/GLSLSyntax.md

963 B

workshop-webgl-glsl-master/src/book/pages/Geometry.md

286 B

workshop-webgl-glsl-master/src/book/pages/Glslify.md

1.8 kB

workshop-webgl-glsl-master/src/book/pages/Indices.md

360 B

workshop-webgl-glsl-master/src/book/pages/InteractiveComponents.js

7.8 kB

workshop-webgl-glsl-master/src/book/pages/Intro.md

638 B

workshop-webgl-glsl-master/src/book/pages/Noise1D.md

284 B

workshop-webgl-glsl-master/src/book/pages/Noise2D.md

252 B

workshop-webgl-glsl-master/src/book/pages/Noise3D.md

256 B

workshop-webgl-glsl-master/src/book/pages/Noise3DSphere.md

266 B

workshop-webgl-glsl-master/src/book/pages/Position.md

287 B

workshop-webgl-glsl-master/src/book/pages/Rotation.md

335 B

workshop-webgl-glsl-master/src/book/pages/Scale.md

265 B

workshop-webgl-glsl-master/src/book/pages/Shaders.md

388 B

workshop-webgl-glsl-master/src/book/pages/ThreeJS.md

401 B

workshop-webgl-glsl-master/src/book/pages/ThreeJSCamera.md

69 B

workshop-webgl-glsl-master/src/book/pages/ThreeJSGeometry.md

620 B

workshop-webgl-glsl-master/src/book/pages/ThreeJSGroup.md

67 B

workshop-webgl-glsl-master/src/book/pages/ThreeJSLight.md

67 B

workshop-webgl-glsl-master/src/book/pages/ThreeJSMaterial.md

633 B

workshop-webgl-glsl-master/src/book/pages/ThreeJSMesh.md

358 B

workshop-webgl-glsl-master/src/book/pages/ThreeJSRawShader.md

375 B

workshop-webgl-glsl-master/src/book/pages/ThreeJSScene.md

311 B

workshop-webgl-glsl-master/src/book/pages/ThreeJSShader.md

347 B

workshop-webgl-glsl-master/src/book/pages/ThreeJSVaryings.md

309 B

workshop-webgl-glsl-master/src/book/pages/ThreeJSVectorAndColor.md

692 B

workshop-webgl-glsl-master/src/book/pages/VertexShaders.md

258 B

workshop-webgl-glsl-master/src/book/pages/Vertices.md

432 B

workshop-webgl-glsl-master/src/book/pages/Waves.md

304 B

workshop-webgl-glsl-master/src/book/shaders/line-screen-space.frag

381 B

workshop-webgl-glsl-master/src/book/shaders/line-screen-space.vert

2.9 kB

workshop-webgl-glsl-master/src/book/shaders/madams-attenuation.glsl

416 B

workshop-webgl-glsl-master/src/book/shaders/reid-attenuation.glsl

258 B

workshop-webgl-glsl-master/src/book/shaders/rotateX.glsl

194 B

workshop-webgl-glsl-master/src/book/shaders/rotateY.glsl

194 B

workshop-webgl-glsl-master/src/book/shaders/rotateZ.glsl

194 B

workshop-webgl-glsl-master/src/book/ui/App.js

8.9 kB

workshop-webgl-glsl-master/src/book/ui/App.scss

4.8 kB

workshop-webgl-glsl-master/src/book/ui/Article.js

1.5 kB

workshop-webgl-glsl-master/src/book/ui/Article.scss

2.0 kB

workshop-webgl-glsl-master/src/book/ui/Button.js

94 B

workshop-webgl-glsl-master/src/book/ui/CodeBlock.js

3.8 kB

workshop-webgl-glsl-master/src/book/ui/prism-bash.js

8.6 kB

workshop-webgl-glsl-master/src/book/ui/prism-monokai.css

1.8 kB

workshop-webgl-glsl-master/src/book/util/CameraProjector.js

1.2 kB

workshop-webgl-glsl-master/src/book/util/CanvasText.js

1.1 kB

workshop-webgl-glsl-master/src/book/util/THREECanvasText.js

3.3 kB

workshop-webgl-glsl-master/src/book/util/THREEDOMText.js

1.8 kB

workshop-webgl-glsl-master/src/book/util/UI.js

1.6 kB

workshop-webgl-glsl-master/src/book/util/createContents.js

3.6 kB

workshop-webgl-glsl-master/src/book/util/createLine3D.js

4.4 kB

workshop-webgl-glsl-master/src/book/util/quaternionFromDirection.js

460 B

workshop-webgl-glsl-master/src/book/util/wireGeomUtil.js

2.2 kB

workshop-webgl-glsl-master/src/demos/README.md

254 B

workshop-webgl-glsl-master/src/demos/brick-diffuse.jpg

116 kB

workshop-webgl-glsl-master/src/demos/brick-normal.jpg

121 kB

workshop-webgl-glsl-master/src/demos/brick-specular.jpg

233 kB

workshop-webgl-glsl-master/src/demos/earth-sphere-lights.js

2.6 kB

workshop-webgl-glsl-master/src/demos/earth-sphere.js

2.4 kB

workshop-webgl-glsl-master/src/demos/earth.jpg

434 kB

workshop-webgl-glsl-master/src/demos/kusama-cube.js

2.6 kB

workshop-webgl-glsl-master/src/demos/kusama-sphere-advanced.js

8.4 kB

workshop-webgl-glsl-master/src/demos/kusama-sphere-geometric.js

2.3 kB

workshop-webgl-glsl-master/src/demos/kusama-sphere-noise.js

2.9 kB

workshop-webgl-glsl-master/src/demos/kusama-sphere-pack.js

4.1 kB

workshop-webgl-glsl-master/src/demos/kusama-sphere-shader.js

2.8 kB

workshop-webgl-glsl-master/src/demos/moon.jpg

1.0 MB

workshop-webgl-glsl-master/src/demos/torus-material.js

2.6 kB