Just look.
100% by me. JS version of this: <html> <head> <title>PBcode</title> <style type="text/css"> canvas { border: 1px solid black; } </style> <style type="text/css"> canvas { border: 1px solid black; } html, body { width: 100%; height: 100%; margin: 0px; overflow: hidden; } </style> <script type="text/javascript"> var a = -1; var b = 0.01; function music(){ var song = new Audio("001.mp3"); song.play(); } var lala = setInterval(music, 140000); music(); var lalala = setInterval(draw, 30); function draw(){ var canvas = document.getElementById("canvas01"); if (canvas.getContext){ var ctx = canvas.getContext('2d'); var x = window.innerWidth; var y = window.innerHeight; ctx.canvas.width = x; ctx.canvas.height = y; var s = x; if (y<x){ s = y; } ctx.fillStyle = "rgb(0,0,0)"; ctx.fillRect(0,0,x,y); ctx.strokeStyle = "rgb(255,255,255)"; ctx.beginPath(); for (i=0;i<400;i++){ ctx.moveTo(x/2+s/2.2*Math.sin(Math.PI/200*i),y/2-s/2.2*Math.cos(Math.PI/200*i)); ctx.lineTo(x/2+s/2.2*Math.sin(Math.PI/200*i*a),y/2-s/2.2*Math.cos(Math.PI/200*i*a)); } ctx.stroke(); a += 0.01; b += 0.0001; } } </script> </head> <body onload="draw();"> <canvas id="canvas01" width="480" height="360">That doesn't work.</canvas> </body> <html>
