Sign up for a plan to instantly unlock all premium lessons.
Premium Features
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
No comments yet, be the first to add one