Alpha v2.0.0: Music "Revenge" and 4K support

[FrostyNick]

Mobile support - Currently the controls are tapping top, bottom, right, left area of canvas. ~swiping up, down, right and left anywhere on the screen.~ You can do this on PC too, but the keyboard is better on there. ~Timing might be improved if it's a bit clunky. This will probably be changed to tapping on arrows.~ Resolution - Will automatically adjust based on how much space is on the screen upon loading website. It's smaller by default now in most computers because of the big top bar hard coded as a part of the equation.

To do:

• [x] (Not planned; too many issues) Mobile support. #26

  • [x] Fallback has been replaced with time instead of FPS. Slow devices will notice the game being much more responsive as a result and there's no more extra slow cubes when FPS is low.
    • [x] Additional quick addition. fps variable exists now. Playable but buggy with different FPS.

  • [x] Test on mobile devices.

    • ~iPhone - iOS 16.4~

      • [x] Safari and Firefox
      • ~Brave or anything under iOS 15 (partial; missing fast tap support)~

    • ~Samsung - Android 11~

      • ~Firefox (unusably slow input on some devices. When it's not slow, AudioContext updates very slow. Might want to improve the getAudioContext fallback, which currently depends on FPS, and should instead depend on time.)~
      • ~Ungoogled Chromium and Brave (p5js doesn't seem to load)~ Sep 4, 2023 edit: There is no error messages (at least in Gamep5.js). Looks like p5.js might not work on here, since there's no code executing inside of preload(), setup(), or draw(). Same result on newer Samsung phone. Will investigate further. From my notes (future problem I don't have much time for rn) .. maybe after college classes: Report/find issue to p5.js in a digestible manner if it happens to be a p5.js bug. Most similar issue found so far: Issue #5968 · processing\/p5.js

    • [x] ~Mobile controls don't work right now, since starting position rarely updates on mobile devices (rarely=it worked only once).~ Fixed by switching swiping controls with tapping controls

• [x] Resolution automatically changes. Minimum: 75px. Maximum: 4800px. Min and max haven't been tested and might change later. #54 built a lot of the code foundation for this feature.
  • [x] Return mobile block.
• [x] Find bugs. There are probably many bugs right now with above two features.
  • [x] Death sound continues after restarting. Update: after testing a few checkouts, I have found 09444d8 to have the bug. Expect a fix soon, and then a release.
  • [x] Check if clicking the screen works fine still.
• [ ] Finalize
  • [x] Add new music. d78377e
  • [x] Update tutorial. 740235d
  • [ ] Peer review.
  • [x] Remove test features (e to create error)
  • [x] Update version number to Alpha v2.0.0

Checkmark = fixed. Known bugs:

• [x] Wavelength in song preview are very small in 2400
• [x] Red cubes are choppy in high resolution 2400 when using firefox with fingerprintingEnabled or using a laggy device.
• [x] Not tested enough. Especially needs to be tested on mobile.
• [x] Double jump can happen combining mobile and non-mobile controls. dde8662

Fixes so far:

• Temporary cube is calculated correctly now to match #40 changes + this update.
• No more FPS fallback. Slow devices or to be specific devices with low FPS will experience a much more playable and fluid experience. 48c2574

[netlify[bot]]

✅ Deploy Preview for projectrhythmswipe ready!

Name	Link
🔨 Latest commit	147821079b402146290bc364e38727310694ef25
🔍 Latest deploy log	https://app.netlify.com/sites/projectrhythmswipe/deploys/6572833433e26f000826bc61
😎 Deploy Preview	https://deploy-preview-55--projectrhythmswipe.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[FrostyNick]

Other than a possible bug where click controls go off the canvas (it's a quick fix), everything is ready for review!

Major changes here:

• The game can now be resized to many sizes as high as 4K. This is based on the size of your screen when the game starts. Note: The mobile device block currently hides all the possibilities with low resolution that works, that can be revealed later maybe.
• You can click on the top/left/right/bottom part of screen to move the player as an alternative to awsd or jikl controls. No need for keyboard anymore!
• New music: Revenge by nbclover.
• Cubes are way more synchronized on slow devices; it's hard to notice the delay while waiting for audio sync in this scenario now, since it depends on time rather than frames on your screen.
• Error messages should be visible without opening console.log() in theory with most cases.
• Other smaller changes.

[FrancisTR]

Other than a possible bug where click controls go off the canvas (it's a quick fix), everything is ready for review!

Major changes here:

• The game can now be resized to many sizes as high as 4K. This is based on the size of your screen when the game starts. Note: The mobile device block currently hides all the possibilities with low resolution that works, that can be revealed later maybe.
• You can click on the top/left/right/bottom part of screen to move the player as an alternative to awsd or jikl controls. No need for keyboard anymore!
• New music: Revenge by nbclover.
• Cubes are way more synchronized on slow devices; it's hard to notice the delay while waiting for audio sync in this scenario now, since it depends on time rather than frames on your screen.
• Error messages should be visible without opening console.log() in theory with most cases.
• Other smaller changes.

Hey @FrostyNick . This is awesome work! Due to the amount of changes you have made, it will take some time to review and make sure nothing is broken. I will notify Ben to create another Dev Log post of your changes and making sure that gets in this PR before the merge. Let me know if anything. :)

[FrancisTR]

@FrostyNick Hey Nick. Just letting you know in advance to not change anything in this PR. I am going to showcase this game in my Oral Presentation for Web Dev, in which (hopefully) will get a chance to test the game with a lot of people in the class. I am going to use the preview deploy link for this. Let me know if anything :)