umbrella sprite

TODO.md

@@ -7,7 +7,7 @@
 - [ ] cleanup [WorldBackground.js](classes/WorldBackground.js)
 - [ ] airborne swoop state
 - [ ] implement snake
-- [ ] add umbrella sprite
+- [x] add umbrella sprite
 - [ ] map obstacles
 - [ ] collectables
 - [ ] coins

classes/events/Rainfall.js

@@ -49,13 +49,23 @@ class Umbrella extends DynamicCreature {
         this.sprite.velocity.x = random([-1.2, 1.2]);
         this.startTime = millis();
         this.changedDirection = false;
+        this.lastRainCollision = millis() - 10000;
     }
     update(gameWorld, rain) {
+        // this.sprite.image = umbrellaIdleImg;
         for (let rainEntity of rain) {
             if (this.sprite.collides(rainEntity.sprite)) {
+                // this.sprite.image = umbrellaRainCollisionImg;
+                this.lastRainCollision = millis();
                 rainEntity.sprite.remove();
             }
         }
+        console.log(this.lastRainCollision - millis());
+        if (millis() - this.lastRainCollision < 250 && this.lastRainCollision >= 0) {
+            this.sprite.image = umbrellaRainCollisionImg;
+        } else {
+            this.sprite.image = umbrellaIdleImg;
+        }
 
         if (millis() % 5000 < 50) {
             console.log((millis() - this.startTime) % 1000);

sketch.js

@@ -15,6 +15,8 @@ let score = 0;
 let playerAnimations = {};
 let joystick;
 var usingController = false;
+let umbrellaIdleImg;
+let umbrellaRainCollisionImg;
 
 function preload() {
   window.addEventListener('keydown', function (e) {
@@ -31,6 +33,8 @@ function preload() {
   playerAnimations.jump = loadImage("assets/sprites/player/player-jump.gif");
   playerAnimations.fall = loadImage("assets/sprites/player/player-fall.gif");
   playerAnimations.dying = loadImage("assets/sprites/player/player-dying.gif");
+  umbrellaIdleImg = loadImage("assets/sprites/umbrella/umbrella-idle.png");
+  umbrellaRainCollisionImg = loadImage("assets/sprites/umbrella/umbrella-raincollision.png");
 }
 
 function addBetaDisclaimer() {
@@ -58,7 +62,7 @@ function setup() {
   gameWorld.registerEvent(new PongEvent());
   gameWorld.registerEvent(new WPMEvent());
   gameWorld.registerEvent(new CoinRushEvent());
-  // gameWorld.registerEvent(new Event());
+  gameWorld.registerEvent(new Event());
   gameWorld.onEventChange = () => {
     animStartTime = millis();
     doingTextAnim = gameWorld.eventRunning;