edit: réglages un peu mieux, problème cadrage vidéo sur tel

js/cuteTexture.js

@@ -47,7 +47,7 @@ function scanlines(){
 
   for(let y = 0; y<tH; y++){
     for(let x = 0; x<tW; x++){
-      let lum = (Math.sin(y*2 - time*3.1415) * 44) + 77;
+      let lum = (Math.sin(y*2 - time*3.1415) * 44) + 161;
 
       //img.data[index++] = lum;
       index++;

js/main.js

@@ -5,7 +5,7 @@ import { noiseAnimation } from './cuteTexture.js'
 
 loadEvents();
 loadStatus();
-/*
+
 // =================================== background texture
  let textureVideo = document.querySelectorAll('main > #texture');
 
@@ -22,7 +22,7 @@ console.log(textureCanvas);
 
 scanlinesAnimation();
 // ======================================== stops here !
-*/
+
 
 let target = document.querySelector('#posterWindow');
 

status/openStyle.css

@@ -9,10 +9,10 @@
 
 .openBackground{
   visibility: visible;
+  opacity: .333;
 }
 
 .openBackground#texture{
-  opacity: .5;
   z-index: -31;
 }
 

style/common.css

@@ -135,7 +135,7 @@
     position: relative;
     top: 0;
     width: 100%;
-    height: 77px;
+    height: 44px;
 
     background-color: var(--main-color);
     color: var(--back-color);

style/main.css

@@ -546,5 +546,6 @@ canvas{
   inset: 0;
   z-index: -32;
 
-  opacity: 1;
+  opacity: .5;
+  filter: hue-rotate(13.12deg);
 }