feat: Animation improvements fromSpriteSheetCoordinates + EventEmitter

[eonarheim]

===:clipboard: PR Checklist :clipboard:===

• 📌 issue exists in github for these changes
• 🔬 existing tests still pass
• 🙈 code conforms to the style guide
• 📐 new tests written and passing / old tests updated with new scenario(s)
• 📄 changelog entry added (or not needed)

==================

This PR adds a few improvements to animations that have been discussed offline

• Adds new EventEmitter type which is a better typed event implementation
• Updates the .events type to be the new EventEmitter
• Adds the frameIndex of the current frame to the animation event
• Adds a new static builder for constructing animations from SpriteSheets

   const spriteSheet = SpriteSheet.fromImageSource({...});
   const anim = Animation.fromSpriteSheetCoordinates({
    spriteSheet,
    frameCoordinates: [
      {x: 0, y: 5, duration: 100},
      {x: 1, y: 5, duration: 200},
      {x: 2, y: 5, duration: 100},
      {x: 3, y: 5, duration: 500}
    ],
    strategy: AnimationStrategy.PingPong
   });

[tonivj5]

Hey @eonarheim! I saw this code some days ago... And I was a bit curious of why this way 😅

could it be rewritten in this way or there's something I don't see?

const i = this._pipes.indexOf(emitter);
if (i > -1) {
   this._pipes.splice(i, 1);
}

[eonarheim]

@tonivj5 good catch, I like yours better! (I'd support a PR 😄)

I'm not sure why I did that, normally I'd do what you suggested (I originally wrote this code a while ago and was holding on to the snippet)

[tonivj5]

here we go #2707 😄