/digitalrain

Matrix Digital rain visuals

Primary LanguageTypeScriptMIT LicenseMIT

Digital Rain

This is a react digital rain visualisation. You know, the green thing from the matrix.
You can try it here

Available options

Set them like this: http://digitalrain.wexo.systems/?<option_name1>=<value1>&<option_name2>=<value2>
For example: http://digitalrain.wexo.systems/?rainbow=true&bgColor=#fafafa

drawTimerMs:number = 60; // the milisecond speed of the update loop
fgColor:string = "#00ff00"; //foreground color
bgColor:string = "#000000"; //background color
tipColor:string="#FFFFFF"; //color of the last character
fontSize:number = 15; // how big should the characters be
bgAlpha:number=0.3;// trail length
rainbow:boolean=false;//should it be rainbow 
maxCycle:number = 100;//rainbow cycle

rainCharacters: string = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρσςτυφχψωアァカサタナハマヤャラワガザダバパイィキシチニヒミリヰギジヂビピウゥクスツヌフムユュルグズヅブプエェケセテネヘメレヱゲゼデベペオォコソトノホモヨョロヲゴゾドボポヴッン"; //Possible characters
spawnChance:number = 0.05; //how many trails do you want