select song message

Author: Absulit

src/main.js

@@ -42,7 +42,8 @@ folderOptions.add(selectedScheme, 'Color Scheme', colorSchemes).onChange(v => {
 });
 
 function clickSong() {
-    playSong(this)
+    points.setUniform('showMessage', 0);
+    playSong(this);
 }
 
 function playSong(song) {
@@ -318,11 +319,13 @@ points.setTexture2d('feedbackTexture', true);
 
 audio = points.setAudio('audio', './../80s-pulse-synthwave-dude-212407.mp3', options.volume, loop, false);
 
+points.setUniform('showMessage', 1);
 points.setUniform('rand', 0);
 points.setUniform('progress', 0);
 points.setUniform('artworkLoaded', 0);
 // points.setUniform('somecolor', colors.color2, 'vec3f');
 points.setStorageMap('chars', [15, 14, 8, 13, 19, 18], 'array<f32>')// TODO: setStorageMap doesn't work with u32 wrong sized
+points.setStorageMap('message', strToCodes('Select a song to Play'), 'array<f32>')// TODO: setStorageMap doesn't work with u32 wrong sized
 points.setStorageMap('artworkColors', Array(16).fill(1), 'array<vec4f>');
 points.setStorage('variables', 'Variables');
 await points.setTextureImage('font', './src/img/inconsolata_regular_8x22.png');

src/renderpasses/renderpass0/frag.js

@@ -226,8 +226,14 @@ fn main(
         stringMask2 += sprite(font, textImageSampler, space + fontPosition + charPosition, textUVR + .0005, charIndex - charOffset, charSize).x;
     }
 
-
-
+    var messageStringMask = 0.;
+    let messagePosition = vec2(.15, .19) * ratio;
+    for (var index = 0; index < 21; index++) {
+        let charIndex = u32(message[index]);
+        let charPosition = charSizeF32 * vec2(f32(index), sin(params.time + f32(index) * .1));
+        let space = spaceRatio * vec2(f32(index), 0);
+        messageStringMask += sprite(font, textImageSampler, space + messagePosition + charPosition, textUVR, charIndex - charOffset, charSize).x;
+    }
 
 
     var equiTriUV = uvr_minus_center / .156; // .31
@@ -302,7 +308,7 @@ fn main(
     // let finalColor = layer(bg, audioWave);
     // let finalColor = vec4f(1,s,0,1);
 
-    return finalColor;
+    return finalColor + (messageStringMask * vec4(1 * fusin(.132) , 1 * fusin(.586) ,0,1) * params.showMessage * .1);
     // return vec4(st, 0, 1);
 }
 `;