Merge pull request #44 from Absulit/dev

Dev

Author: Absulit

index.html

@@ -25,19 +25,19 @@
   <script type="importmap">
       {
         "imports": {
-            "points": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/points.min.js",
+            "points": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/points.min.js",
 
-            "points/animation": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/core/animation.min.js",
-            "points/audio": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/core/audio.min.js",
-            "points/color": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/core/color.min.js",
-            "points/debug": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/core/debug.min.js",
-            "points/effects": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/core/effects.min.js",
-            "points/image": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/core/image.min.js",
-            "points/math": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/core/math.min.js",
-            "points/noise2d": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/core/noise2d.min.js",
-            "points/classicnoise2d": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/core/classicnoise2d.min.js",
-            "points/random": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/core/random.min.js",
-            "points/sdf": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.0/build/core/sdf.min.js",
+            "points/animation": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/core/animation.min.js",
+            "points/audio": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/core/audio.min.js",
+            "points/color": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/core/color.min.js",
+            "points/debug": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/core/debug.min.js",
+            "points/effects": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/core/effects.min.js",
+            "points/image": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/core/image.min.js",
+            "points/math": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/core/math.min.js",
+            "points/noise2d": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/core/noise2d.min.js",
+            "points/classicnoise2d": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/core/classicnoise2d.min.js",
+            "points/random": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/core/random.min.js",
+            "points/sdf": "https://cdn.jsdelivr.net/gh/absulit/points@0.5.1/build/core/sdf.min.js",
 
             "datgui": "https://cdn.jsdelivr.net/gh/dataarts/dat.gui@0.7.9/build/dat.gui.module.js"
         }

src/main.js

@@ -50,8 +50,6 @@ function clickSong() {
 
 function assingMediaSession(song) {
     if ('mediaSession' in navigator) {
-        console.log(song);
-
         navigator.mediaSession.metadata = new MediaMetadata({
             title: song.title || song.name,
             artist: song.artist,
@@ -81,6 +79,7 @@ async function playSong(song) {
     await points.setTextureString('songName', title, atlasPath, size, offset);
 
     let artworkLoaded = 0;
+
     song?.artworkColors && points.setStorageMap('artworkColors', song?.artworkColors.flat());
     song?.artworkColors && (artworkLoaded = 1);
     points.setUniform('artworkLoaded', artworkLoaded);
@@ -369,7 +368,7 @@ points.setUniform('rand', 0);
 points.setUniform('progress', 0);
 points.setUniform('artworkLoaded', 0);
 // points.setStorageMap('chars', strToCodes('Gravity Pull'), 'array<f32>')// TODO: setStorageMap doesn't work with u32 wrong sized
-points.setStorageMap('artworkColors', Array(16).fill(1), 'array<vec4f>');
+points.setStorageMap('artworkColors', Array(40).fill(1), 'array<vec4f, 10>');
 points.setStorage('variables', 'Variables', false, GPUShaderStage.FRAGMENT);