Распределение объектов по периметру окружности 2

[rxcoder]

а чего такой радиус мелкий (1.6 пикселя) был? Умножил на 60, стало видно.

Вот пример javascript, где я добавил вращение и изменение радиуса:

<script type='text/javascript'>
var cntParticle=60;
var r=50;
var posX=500;
var posY=400;
var step=(Math.PI*2)/cntParticle;
var curposX=0;
var curposY=0;
var moveX=Math.PI/32;
var moveY=Math.PI/32;

var r2=0;
var r3=Math.PI/1024;
var r4=0;

for(var i=0;i<=cntParticle;i++){
	document.write("<div id='box_"+i+"' style='position:absolute;top:0px;left:0px;width:20px;height:20px;'>X</div>");
}

function move_circle(){
    curposX+=moveX;
    curposY+=moveY;
    r4+=r3;
	for(var i=0;i<=cntParticle;i++){
	    r2= Math.sin(r4*i)*r;

		var x=posX+Math.sin(step*(i+curposX))*(200+r2);
		var y=posY+Math.cos(step*(i+curposY))*(200+r2);
		document.getElementById('box_'+i).style.left=x;
		document.getElementById('box_'+i).style.top=y;
	}
	if(curposX>=(Math.PI*20))clearInterval(tmr);
}
var tmr=setInterval(move_circle,100);

</script>

Вставь HTML файл, посмотри