I hope someone can update the xscreensaver code with this one.
Yeah seriously it looks so much better than GLMatrix.
Matrix web-based green code rain, made with love
11–20 of 69 posts
Re: Matrix web-based green code rain, made with love
#12[deleted]
Re: Matrix web-based green code rain, made with love
#13Really, really well done. 3D mode was especially cool. I remember having the official Matrix screensaver (remember www.whatisthematrix.com?) and being a little disappointed that the glyphs and animation didn't seem right. This is spot on - fantastic!
Re: Matrix web-based green code rain, made with love
#14The quality of the output is great! Kudos!
My favorite so far is Morpheus mode, something about moving "into" the glyphs as they fall makes me think of digital city under the rain.
Re: Matrix web-based green code rain, made with love
#15Amazing.
I, to this day, use a Digital Rain screensaver for Mac, and live wallpaper for Android ('Source Wall' on Google Play). Very happy to see this specific fandom still alive. Even after that godawful fourth movie.
Re: Matrix web-based green code rain, made with love
#16For simple matrix-like effects, I use
var matrix = document.getElementById("matrix");
var matrix_ctx = matrix.getContext("2d");
var mletters = "01"
var font_size = 10;
matrix_ctx.font = font_size + "px arial";
matrix.height = window.innerHeight;
matrix.width = window.innerWidth;
var columns = Math.floor(matrix.width/font_size);
var lines = matrix.height/font_size;
var drops_reinit_threshold = 0.975; // lower value means more frequent reinit and therefore more drops
var drops_y = Array(columns).fill(1);
function draw()
{
matrix_ctx.fillStyle = "rgba(10, 10, 10, 0.04)"
matrix_ctx.fillRect(0, 0, matrix.width, matrix.height);
matrix_ctx.fillStyle = "#050"; // green text
for(var i = 0; i drops_reinit_threshold)
drops_y[i] = 0;
drops_y[i]++;
}
}
for(var x = 0; x Re: Matrix web-based green code rain, made with love
#17Am I the only one that hears "Wake Up" from RATM when opens the page even though no music is playing?
Re: Matrix web-based green code rain, made with love
#18For simple matrix-like effects, I use var matrix = document.getElementById("matrix"); var matrix_ctx = matrix.getContext("2d"); var mletters = "01" var font_size = 10; matrix_ctx.font = font_size + "px arial"; matrix.height = window.innerHeight; matrix.width = window.innerWidth; var columns = Math.floor(matrix.width/font_size); var lines = matrix.height/font_size; var drops_reinit_threshold = 0.975; // lower value me…
Very nice! Thanks for sharing.
Re: Matrix web-based green code rain, made with love
#19Am I the only one that hears "Wake Up" from RATM when opens the page even though no music is playing?
i hear massive attack
Re: Matrix web-based green code rain, made with love
#20For simple matrix-like effects, I use var matrix = document.getElementById("matrix"); var matrix_ctx = matrix.getContext("2d"); var mletters = "01" var font_size = 10; matrix_ctx.font = font_size + "px arial"; matrix.height = window.innerHeight; matrix.width = window.innerWidth; var columns = Math.floor(matrix.width/font_size); var lines = matrix.height/font_size; var drops_reinit_threshold = 0.975; // lower value me…
JSFiddle Preview of the code: https://jsfiddle.net/yLn41po0/