JavaScript-Canvas zum Erzielen eines Code-Rain-Effekts

<Text>
    <Leinwand-ID="Leinwand"></Leinwand>
</body>

<Text>
    <Leinwand-ID="Leinwand"></Leinwand>
    <div></div>
</body>

<Stil>
        *{
            Rand: 0;
            Polsterung: 0;
        }
        #Leinwand{
            Überlauf: versteckt;
            Position: absolut;
            Z-Index: 1;
        }
        div{
            Breite: 480px;
            Höhe: 280px;
            Randradius: 50 %;
            Hintergrundbild: URL (Bild/eighthdaymaterial.jpg);
            Position: absolut;
            oben: berechnet (50 % – 140 Pixel);
            links: calc(50% – 240px);
            Z-Index: 2;
            Deckkraft: 0,4;
        }
</Stil> 

<Skript>
 var Leinwand = document.getElementById("Leinwand");
    var Kontext = Canvas.getContext("2d");
    var Breite = Fenster.innereBreite;
    var Höhe = Fenster.innere Höhe;
    canvas.height = Höhe;
    canvas.width = Breite;
</Skript>

<Skript>
    var Leinwand = document.getElementById("Leinwand");
    var Kontext = Canvas.getContext("2d");
    var Breite = Fenster.innereBreite;
    var Höhe = Fenster.innere Höhe;
    canvas.height = Höhe;
    canvas.width = Breite;
    //Schriftgrößenvariable festlegen var fontsize = 16;
    //Legen Sie eine Variable fest, um zu speichern, wie viele Zeichen eine Zeile gleichzeitig enthalten kann. var count = width/fontsize;
    konsole.log(Anzahl);
    //Erstellen Sie ein Array zum Speichern von Wörtern var arr = [];
    für(var i = 0; i < Anzahl; i++){
        arr.push(0);
        Konsole.log(arr);
    }
    //Daten in einem Array speichern var stringarr = "Ich liebe dich"
    Funktion zeigen(){
    //Zeichnungskontext starten.beginPath();
        Kontext.fillRect(0,0,Breite,Höhe);
        //Transparencycontext.fillStyle = "rgba(0,0,0,0.05)";
        //Schriftfarbe context.strokeStyle = "chartreuse";
        für(
            var i =0;
            i<arr.Länge;
            ich++
        )
        {
            var x = i*Schriftgröße;
            var y = arr[i]*Schriftgröße;
            var index = Math.floor(Math.random()*stringarr.length);
            Kontext.StrokeText(stringarr[index],x,y);
            Wenn(
                y >=Höhe&&Math.random()>0,99
            ){
                arr[i]=0;
            }
            arr[i]++;
        }
        Kontext.Pfad schließen();
    }
    show(); //Funktion aufrufen var timer = setInterval(show,30);
</Skript>