Post #71

@notstupid

Questo non è un canale stupido

Visualizzazioni357Numero di visualizzazioni

Pubblicato15 dic15/12/2016, 18:37

Contenuto del post

Contenuto

💾Codice L'utente ZinC ha creato questo spettacolo in HTML5: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Fireworks</title> </head> <body> <canvas></canvas> <script> var t = 0; var c = document.querySelector("canvas"); var $ = c.getContext('2d'); c.width = window.innerWidth; c.height = window.innerHeight; $.fillStyle = 'hsla(0,0%,0%,1)'; window.addEventListener('resize', function() { c.width = window.innerWidth; c.height = window.innerHeight; }, false); function draw() { $.globalCompositeOperation = 'source-over'; $.fillStyle = 'hsla(0,0%,0%,.1)'; $.fillRect(0, 0, c.width, c.height); var foo, i, j, r; foo = Math.sin(t) 2 Math.PI; for (i=0; i<400; ++i) { r = 400 Math.sin(i foo); $.globalCompositeOperation = ''; $.fillStyle = 'hsla(' + i + 12 + ',100%, 60%,1)'; $.beginPath(); $.arc(Math.sin(i) r + (c.width / 2), Math.cos(i) r + (c.height / 2), 1.5, 0, Math.PI 2); $.fill(); } t += 0.000005; return t %= 2 Math.PI; }; function run() { window.requestAnimationFrame(run); draw(); } run(); </script> </body> </html> Divertitevi! char L[] = {u,c,a}