SuperHi FM

Search:

Catalog Cart About Sign in

Animation for the Web

Home Planet

Chapter 04

Home Planet

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Welcome home to Home Planet

Lesson 02

Setting up our header

Lesson 03

What are SVG ids

Lesson 04

Eyeball movements

Lesson 05

Adding a hat timeline

Lesson 06

Moving the left and right arms

Lesson 07

Setting up our house animation

Lesson 08

Adding the raw SVG to the house

Lesson 09

Making the TV flicker with a timeline

Lesson 10

Adding links to our SVG

Lesson 11

Adding a label to our links

Lesson 12

Updating the text on hover

Lesson 13

Fading the other links on hover

Lesson 14

Setting up a story timeline

Lesson 15

Adding our scene

Lesson 16

Adding parallax to our scroll

Lesson 17

Combing our timelines

Lesson 18

Making the timeline be based on scroll

Lesson 19

Making the site have responsive design

SuperHi FM

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

Seal Street Photography Studio

Next: Chapter 05

Seal Street Photography Studio

4th Kind

Back: Chapter 03

4th Kind

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

Rather than a home page, we're travelling to a home planet in project 4. In this one we talk about how to make immersive animated sites using both GSAP timelines and browser scrolling.

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