Ovviamente, la cosa è rimediabile semplicemente creando una classe linea, il cui costruttore prevede l'inserimento delle suddette variabili come parametri, e un metodo per tracciarla insieme a uno per muoverla.
<script> var angolo=45; var lunghezza=300 var orgX=500; var orgY=400; function linea(){ for (var n=0;n<=lunghezza;n++){ document.write("<div id='uno"+n+"' style='font-size:1px;position:absolute;left:"+(orgX+n*Math.cos(angolo*Math.PI/180))+"px;top:"+(orgY+n*Math.sin(angolo*Math.PI/180))+"px;background-color:blue;width:3px;height:3px'></div>"); } } var intervallo; function step(){ for(var n=0;n<=lunghezza;n++){ document.getElementById("uno"+n).style.left=orgX+n*Math.cos(angolo*Math.PI/180); document.getElementById("uno"+n).style.top=orgY+n*Math.sin(angolo*Math.PI/180); } angolo+=1; } function muovi(){ clearInterval(intervallo); intervallo=setInterval(function() {step()},1); } linea(); </script> <body onClick="muovi();"> </body>
Nessun commento:
Posta un commento