Video Thumbnail

Sign up for a plan to instantly unlock all premium lessons.

UNLOCK LESSON

Premium Features

Download Video

Dynamic Score Labels

Published 10 months ago

It would be nice to know the exact score we get from shooting each invader. This lesson will teach you how to create a "dynamic score label" that appears, then animates out whenever you shoot an invader. It creates for a really cool effect and immediately makes your game start to stand out compared to before.

The checklist for this feature is as follows:

  • Create score label with document.createElement(label)

  • Append to DOM with document.body.appendChild(score)

  • Change element's innerHTML

  • Change style for position, color, top, left, and userSelect

  • Call gsap.to() for animation

  • On complete, get parent node and call removeChild()

GSAP Documentation: https://greensock.com/docs/

Comments

Want to participate?

Create a free Chris Courses account to begin

Login
S
SPURTECH posted 14 days ago
0
chris posted 12 days ago
0

Providing the lift to launch your development career

© 2022 Chris Courses. All rights reserved.