Cloth Studios

Lesson 01

Welcome to Cloth Studios

Lesson 02

HTML + CSS setup

Lesson 03

Adding a Javascript counter

Lesson 04

Updating content with a data structure

Lesson 05

Adding a theme with CSS variables and Javascript

Lesson 06

Adding a Three.js scene

Lesson 07

Adding multiple planes

Lesson 08

Rotating the camera position

Lesson 09

Adding in a texture

Lesson 10

Making a shader material

Lesson 11

Adding ambient and diffuse lighting to our material

Lesson 12

Updating the time for each material

Lesson 13

Adding wind to our vertex shader

Lesson 14

Visualizing wind by passing varyings

Lesson 15

Adding in tension points and gravity

Lesson 16

Updating our lighting

Lesson 17

Adding a mouse object

Lesson 18

Adding a raycaster to convert 2D to 3D points

Lesson 19

Adding a mouse interaction depression

Lesson 20

Adding a hover strength to mouse interaction

Lesson 21

Updating on window resize

Lesson 22

Adding a camera rotation on load

Lesson 23

CSS animations on load

Lesson 24

Thank you for taking our course!

Homework 01

Vexillography

Welcome to your final exercise for the SuperHi Shaders for the Web course. Let's wave a flag high and show off all the skills you've learned throughout the 10 projects!