Hackcamp2023 animations alvin

[alvinkam33]

• Finished required animations:
  • portal float up/down
  • mascots floating in (parallax scroll)
  • fishing mascot bobbing up/down
  • stats numbers increasing from 0 when scrolling into view
  • glow effect on mushroom stems

[github-actions]

Visit the preview URL for this PR (updated for commit 4e55d60):

https://dev-nwplus-root--pr360-hackcamp2023-animati-5r2c391i.web.app

_{(expires Fri, 13 Oct 2023 04:29:48 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: ca465d4a689cc01bf206252b60f82f45b4ba90eb}

[michelleykim]

the preview is a bit slow on load and some animations (especially the ones going up & down) looks a bit choppy but it might totally because of my 43 tabs. These are minor things, so if melvin's ok with them I'm fine merging it tho lol

[meleongg]

curious if this was an arbitrary value choice?

[alvinkam33]

this was pretty arbitrary yeah. the interval var is what determines the speed

[meleongg]

• also noticed that scrolling near the portal bob/mascot horizontal parallax/bear fishing bob area was a little choppy (is it the parallax?)

• noticed that the "Our Events" bg SVG is slightly shifted to the left
  

[alvinkam33]

@michelleykim i noticed the bobbing is also choppy, but they are just regular keyframes so i'm not entirely sure what's going on. i'll look into it

@meleongg i honestly am not sure how to fix this. the way we set up the backgrounds for each section is slicing it up and setting the aspect ratio of each slice. so for example 1440px (and 412 on mobile) looks fine, but on larger sizes it might be looking wack although i assumed they would all just grow the same way. any idea how it was done last year? (they also used aspect ratio strat)

[michelleykim]

I kinda forgot what our verdict from yesterday was.. I feel like the buggy parts are prettyyy minor- should we just merge it to dev for now so I can send the preview to rest of the team to come up with the fix list?