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