3.1.7.2 (HFPS 3.1! 26/06/2024)

BeatzGame.js

@@ -2,14 +2,14 @@
  * Title: Beatz
  * Author: Victor//GuayabR
  * Date: 16/05/2024
- * Version: 3.1.6.2 test (release.version.subversion.bugfix)
+ * Version: 3.1.7.2 PUBLIC (release.version.subversion.bugfix)
  **/
 
 // CONSTANTS
 
-const VERSION = "3.1.6.2 (Release.Version.Subversion.Bugfix)";
-
+const VERSION = "3.1.7.2 (Release.Version.Subversion.Bugfix)";
 const PUBLICVERSION = "3.1! (GitHub Port)";
+console.log('Version: ' + VERSION)
 
 const WIDTH = 1280;
 
@@ -305,6 +305,7 @@ function preloadSongs() {
         "Resources/Songs/fantasmas.mp3",
         "Resources/Songs/BIKE.mp3",
         "Resources/Songs/ARCANGEL.mp3",
+        "Resources/Songs/testingsong.mp3",
     ];
 
     let currentIndex = 0;
@@ -1139,16 +1140,16 @@ function updateDebugInfo(deltaTime, timestamp) {
         const right = parseFloat(noteYPositions.right);
 
         // Calculate FPS
-        let currentFPS = 1000 / deltaTime;
-        fps = currentFPS.toFixed(0);
+        let currentFPS = 1 / deltaTime;
+        fps = currentFPS.toFixed(1);
 
         ctx.font = '12px Arial';
         ctx.fillStyle = 'white';
         ctx.textAlign = 'left';
         ctx.fillText(`Version: ${VERSION}`, 10, startY);
         ctx.fillText(`Delta Time: ${deltaTime.toFixed(3)} seconds`, 10, startY + lineHeight);
         ctx.fillText(`Timestamp: ${timestamp} milliseconds`, 10, startY + 2 * lineHeight);
-        ctx.fillText(`Current FPS: ${fps.toString().slice(0, 3)}`, 10, startY + 3 * lineHeight);
+        ctx.fillText(`Current FPS: ${fps}`, 10, startY + 3 * lineHeight);
         ctx.fillText(`Current song path: ${currentSongPath}`, 10, startY + 4 * lineHeight);
         ctx.fillText(`Current song source:`, 10, startY + 5 * lineHeight);
         ctx.fillText(`${currentSong.src}`, 10, startY + 6 * lineHeight);

BeatzGameTesting.js

@@ -2,14 +2,14 @@
  * Title: Beatz
  * Author: Victor//GuayabR
  * Date: 16/05/2024
- * Version: 3.1.6.2 test (release.version.subversion.bugfix)
+ * Version: 3.1.7.2 test (release.version.subversion.bugfix)
  **/
 
 // CONSTANTS
 
-const VERSION = "3.1.6.2 (Release.Version.Subversion.Bugfix)";
-
+const VERSION = "3.1.7.2 (Release.Version.Subversion.Bugfix)";
 const PUBLICVERSION = "3.1! (GitHub Port)";
+console.log('Version: ' + VERSION)
 
 const WIDTH = 1280;
 
@@ -31,8 +31,8 @@ const textY = 670;
 
 const noteXPositions = {
     left: WIDTH / 2 - 110,
-    down: WIDTH / 2 + 53,
-    up: WIDTH / 2 - 53,
+    up: WIDTH / 2 - 51,
+    down: WIDTH / 2 + 51,
     right: WIDTH / 2 + 110,
 };
 
@@ -1140,16 +1140,16 @@ function updateDebugInfo(deltaTime, timestamp) {
         const right = parseFloat(noteYPositions.right);
 
         // Calculate FPS
-        let currentFPS = 1000 / deltaTime;
-        fps = currentFPS.toFixed(0);
+        let currentFPS = 1 / deltaTime;
+        fps = currentFPS.toFixed(1);
 
         ctx.font = '12px Arial';
         ctx.fillStyle = 'white';
         ctx.textAlign = 'left';
         ctx.fillText(`Version: ${VERSION}`, 10, startY);
         ctx.fillText(`Delta Time: ${deltaTime.toFixed(3)} seconds`, 10, startY + lineHeight);
         ctx.fillText(`Timestamp: ${timestamp} milliseconds`, 10, startY + 2 * lineHeight);
-        ctx.fillText(`Current FPS: ${fps.toString().slice(0, 3)}`, 10, startY + 3 * lineHeight);
+        ctx.fillText(`Current FPS: ${fps}`, 10, startY + 3 * lineHeight);
         ctx.fillText(`Current song path: ${currentSongPath}`, 10, startY + 4 * lineHeight);
         ctx.fillText(`Current song source:`, 10, startY + 5 * lineHeight);
         ctx.fillText(`${currentSong.src}`, 10, startY + 6 * lineHeight);

styles.css

@@ -1,11 +1,14 @@
 body {
     text-align: center;
     font-family: Arial, sans-serif;
+    background-image: url('Resources/BackgroundHtml2.png');
+    background-size: cover; /* Makes the background cover the entire page */
+    background-repeat: no-repeat; /* Prevents the background from repeating */
+    background-position: center; /* Centers the background image */
 }
 
 html {
     font-family: Arial, sans-serif;
-    background: linear-gradient(to right, #00101f, #00255e); /* Gradient colors */
     display: flex;
     color: white;
     justify-content: center;
@@ -19,31 +22,31 @@ html {
 #startButton {
     padding: 10px 40px;
     font-size: 20px;
-    background-color: #002352;
+    background-color: #520047;
     color: white;
     border: none;
     border-radius: 10px;
     cursor: pointer;
-    box-shadow: 0 0 5px rgba(0, 35, 190, 0.623);
+    box-shadow: 0 0 5px rgba(146, 0, 190, 0.623);
     transition: box-shadow 0.5s ease;
 }
 
 button {
     padding: 8px 15px;
     display: inline-block;
     margin: 5px;
-    background-color: #002352;
+    background-color: #520047;
     color: white;
     border: none;
     border-radius: 10px;
     cursor: pointer;
-    box-shadow: 0 0 5px rgba(0, 35, 190, 0.623);
+    box-shadow: 0 0 5px rgba(146, 0, 190, 0.623);
     transition: box-shadow 0.3s ease;
 }
 
 #startButton:hover,
 button:hover {
-    box-shadow: 0 0 10px rgba(0, 110, 255, 0.623);
+    box-shadow: 0 0 10px rgba(175, 0, 228, 0.74);
     transition: box-shadow 0.3s ease;
 }
 
@@ -70,12 +73,12 @@ canvas {
     background-size: cover;
     background-position: center;
     border-radius: 10px;
-    box-shadow: 0 0 50px rgba(0, 26, 141, 0.548);
+    box-shadow: 0 0 20px rgba(125, 0, 141, 0.548);
     transition: box-shadow 0.3s ease;
 }
 
 canvas:hover {
-    box-shadow: 0 0 20px rgba(0, 110, 255, 0.623);
+    box-shadow: 0 0 50px rgba(195, 0, 255, 0.74);
     transition: box-shadow 0.3s ease;
 }
 
@@ -172,7 +175,7 @@ canvas:-moz-full-screen, canvas:-webkit-full-screen, canvas:-ms-fullscreen {
 }
 
 #saveSettings:hover {
-    box-shadow: 0 0 5px rgb(0, 139, 219);
+    box-shadow: 0 0 5px rgba(175, 0, 228, 0.74);
     transition: box-shadow 0.3s ease;
 }
 
@@ -201,20 +204,20 @@ canvas:-moz-full-screen, canvas:-webkit-full-screen, canvas:-ms-fullscreen {
     margin: 1px 0;
     box-sizing: border-box;
     font-size: 16px;
-    box-shadow: 0 0 10px rgba(0, 35, 190, 0.623);
+    box-shadow: 0 0 10px rgba(175, 0, 228, 0.74);
     transition: box-shadow 0.3s ease;
     cursor: pointer;
 }
 
 #songSelector:hover {
-    box-shadow: 0 0 20px rgba(0, 110, 255, 0.623);
+    box-shadow: 0 0 20px rgba(175, 0, 228, 0.74);
     transition: box-shadow 0.3s ease;
 }
 
 #songSelector:focus {
-    border-color: #0051ff;
+    border-color: #ea00ff;
     outline: none;
-    box-shadow: 0 0 10px rgba(0, 68, 255, 0.781);
+    box-shadow: 0 0 10px rgba(183, 0, 255, 0.753);
 }
 
 #songSelector option {
@@ -298,6 +301,7 @@ canvas:-moz-full-screen, canvas:-webkit-full-screen, canvas:-ms-fullscreen {
 
 .volume-control {
     margin: 20px 0;
+    color: #ea00ff;
 }
 
 .volume-control label {
@@ -312,10 +316,5 @@ canvas:-moz-full-screen, canvas:-webkit-full-screen, canvas:-ms-fullscreen {
     margin-bottom: 5px;
     box-shadow: 0 0 0px rgba(160, 160, 160, 0);
     transition: box-shadow 0.3s ease;
-}
-
-.volume-control input[type="range"]:hover {
     cursor: pointer;
-    box-shadow: 0 0 10px rgba(0, 46, 172, 0.719);
-    transition: box-shadow 0.3s ease
 }

versions.txt

@@ -251,4 +251,6 @@ Added back onSongEnd, accidentaly deleted it in past updates.
 
 Made saveScore not save your score if you somehow manage to get 0 total points.
 
+Changed the colorway of the page from dark blue to orange and purple to match the background in the canvas.
+
 Released Public Version 3.1!