Premier projet fonctionnel
This commit is contained in:
parent
7ad04babd4
commit
7fe9c2afe2
5 changed files with 52 additions and 1 deletions
28
Scripts/script.js
Normal file
28
Scripts/script.js
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
const canvas = document.getElementById('canv');
|
||||
const ctx = canvas.getContext('2d');
|
||||
|
||||
const w = canvas.width = document.body.offsetWidth;
|
||||
const h = canvas.height = document.body.offsetHeight;
|
||||
const cols = Math.floor(w / 20) + 1;
|
||||
const ypos = Array(cols).fill(0);
|
||||
|
||||
ctx.fillStyle = '#000';
|
||||
ctx.fillRect(0, 0, w, h);
|
||||
|
||||
function matrix () {
|
||||
ctx.fillStyle = '#0001';
|
||||
ctx.fillRect(0, 0, w, h);
|
||||
|
||||
ctx.fillStyle = '#0f0';
|
||||
ctx.font = '15pt matrixCodeNFI';
|
||||
|
||||
ypos.forEach((y, ind) => {
|
||||
const text = String.fromCharCode(Math.random() * 128);
|
||||
const x = ind * 20;
|
||||
ctx.fillText(text, x, y);
|
||||
if (y > 100 + Math.random() * 10000) ypos[ind] = 0;
|
||||
else ypos[ind] = y + 20;
|
||||
});
|
||||
}
|
||||
|
||||
setInterval(matrix, 50);
|
||||
Loading…
Add table
Add a link
Reference in a new issue