Chapter 04

Zipper

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Welcome to Zipper

Lesson 02

Project setup

Lesson 03

Adding a linear animation

Lesson 04

Non-linear easing

Lesson 05

Making individual timelines

Lesson 06

Splitting our timeline in two

Lesson 07

Variation B: Translation

Lesson 08

Variation C: Mouse control

Lesson 09

Variation D: Scroll control

SuperHi FM

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

Next: Chapter 05

Random Placements

Back: Chapter 03

Looping squares

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!

Email Discord

SuperHi FM

Zipper

Links + downloads

Videos

Welcome to Zipper

Project setup

Adding a linear animation

Non-linear easing

Making individual timelines

Splitting our timeline in two

Variation B: Translation

Variation C: Mouse control

Variation D: Scroll control

SuperHi FM

Feeling stuck?

Zipper

Links + downloads

Videos

Welcome to Zipper

Project setup

Adding a linear animation

Non-linear easing

Making individual timelines

Splitting our timeline in two

Variation B: Translation

Variation C: Mouse control

Variation D: Scroll control

SuperHi FM

Feeling stuck?

Private notes