Advanced Creative Coding with WebGL & Shaders

1. Introduction/1. Introduction.mp4

10.24 MB

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

18.24 MB

1. Introduction/3. WebGL Examples.mp4

206.58 MB

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

52.02 MB

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

74.49 MB

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

13.18 MB

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

36.36 MB

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

16.33 MB

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

31.42 MB

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

42.96 MB

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

13.73 MB

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

24.61 MB

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

24.49 MB

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

23.79 MB

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

25.37 MB

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

74.86 MB

4. Geometry/1. Custom Geometry.mp4

56.33 MB

4. Geometry/2. Buffer Geometry.mp4

31.63 MB

5. Shaders/1. Shadertoy.mp4

25.03 MB

5. Shaders/10. Circular Mask Pattern.mp4

44.58 MB

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

16.59 MB

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

14.63 MB

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

29.38 MB

5. Shaders/14. Adding GLSL Noise.mp4

45.43 MB

5. Shaders/15. GLSL Noise.mp4

39.95 MB

5. Shaders/2. Fragment Shaders.mp4

63.12 MB

5. Shaders/3. Vertex Shaders.mp4

35.36 MB

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

39.82 MB

5. Shaders/5. Custom Shader Setup.mp4

43.06 MB

5. Shaders/6. Custom Gradient Shader.mp4

22 MB

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

8.94 MB

5. Shaders/8. Texture Coordinates.mp4

38.71 MB

5. Shaders/9. Example Shader Inspiration.mp4

30.41 MB

6. Advanced Geometry/1. Icosahedron Geometry.mp4

44.12 MB

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

43.81 MB

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

70.38 MB

6. Advanced Geometry/4. Rim Lighting.mp4

48.95 MB

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

27.22 MB

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

50.12 MB

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

13.44 MB

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

48.16 MB

7. Wrapping Up/2. Wrapping Up.mp4

10.43 MB

redme.txt

10.62 KB

webgl-shaders.pdf

95.75 MB

workshop-webgl-glsl-master/README.md

1.31 KB

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

362 B

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

130.43 KB

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

96.78 KB

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

90.39 KB

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

122.48 KB

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

130.81 KB

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

96.94 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

45.54 KB

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

82.82 KB

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

1.78 MB

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

5.56 MB

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

1.78 MB

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

5.56 MB

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

45.54 KB

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

82.82 KB

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

137.82 KB

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

103.75 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.06 KB

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

4.83 KB

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

5.46 KB

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

1.83 KB

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

1.04 KB

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

1.93 KB

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

2.55 KB

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

9.95 KB

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

2.96 KB

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

736.38 KB

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

123.07 KB

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

122.27 KB

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

102.95 KB

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

159.39 KB

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

186.6 KB

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

112.68 KB

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

193.57 KB

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

119.14 KB

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

365.72 KB

workshop-webgl-glsl-master/package.json

2.69 KB

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

130.43 KB

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

96.78 KB

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

122.48 KB

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

90.39 KB

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

130.81 KB

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

96.94 KB

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

137.82 KB

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

103.75 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.46 KB

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

354 B

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

1.06 KB

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

1.92 KB

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

3.59 KB

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

1.38 KB

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

2.83 KB

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

3.54 KB

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

10.32 KB

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

10.67 KB

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

4.2 KB

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

2.85 KB

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

4.79 KB

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

8.73 KB

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

1.77 KB

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

7.91 KB

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

2.74 KB

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

154 B

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

4.35 KB

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

3.14 KB

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

3.1 KB

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

3.66 KB

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

6.65 KB

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

1.05 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.62 KB

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

25.48 KB

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

36.64 KB

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

989 B

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

1.33 KB

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

1.01 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.83 KB

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

360 B

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

7.81 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.87 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.83 KB

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

1.46 KB

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

2.01 KB

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

94 B

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

3.79 KB

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

8.56 KB

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

1.76 KB

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

1.18 KB

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

1.06 KB

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

3.29 KB

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

1.8 KB

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

1.55 KB

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

3.6 KB

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

4.39 KB

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

460 B

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

2.22 KB

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

254 B

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

116.42 KB

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

121.14 KB

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

232.88 KB

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

2.65 KB

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

2.37 KB

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

434.39 KB

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

2.6 KB

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

8.43 KB

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

2.27 KB

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

2.87 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.82 KB

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

1.01 MB

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

2.56 KB

资源详情

免责声明