SuperHi FM

Search:

Catalog Cart About Sign in

Shaders for the Web

Cloth Studios

Chapter 10

Cloth Studios

Links + downloads

Chapter resources

Chapter URL

Videos

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!

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!

Homework 01

Vexillography

SuperHi FM

Want some ambient music in the background? Play our radio station!

Cryptoquartz

Back: Chapter 09

Cryptoquartz

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

Using all the techniques that we've covered through out the course, we'll create a 3d slideshow with vertex and fragment shader interactions to different surfaces!

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!

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes