Форум Flasher.ru - Перетаскивание по окружности...

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- ActionScript (http://www.flasher.ru/forum/forumdisplay.php?f=5)

- - Перетаскивание по окружности... (http://www.flasher.ru/forum/showthread.php?t=50962)

Перетаскивание по окружности...

Есть шарик, вот с таким кодом:

onClipEvent (mouseMove) {
a=this._parent._xmouse;
b=this._parent._ymouse;
if ((a>9) && (a<80) && (b>11) && (b<82))
{this._x = this._parent._xmouse;
this._y = this._parent._ymouse;}
}

Соответственно движется за мышой в заданном квадрате... А надо, чтобы все было точно так, но чтобы он двигался по окружности в тех же границах... Воотсетственно, нужно координату x не трогать, а y как определить в зависимости от х?

Вроде как по логике - из уравнения окружности:
(x-xx)*(x-xx)+(y-yy)*(y-yy)=R*R

Соответственно хх и уу - координаты центра...
R - радиус...

А как это все во флеш загнать? Какой формулой?

есть такие замечательные функции, как sin и cos

Знаю, что есть...

А поподробнее можно, как с их помощью записать? И куда девать координаты центра?

хе-хе, триганометрия :) вот самый простой пример :) теорема Пифагора

Код:

/* функция рисования nuran'а 

уже 3'тий раз на форуме пишу, использую для рисования окружности, чтобы было видно границы */

MovieClip.prototype.circle = function(x, y, r) { 

var mas = new Array(); 

var step = 16; 

var angle = 360/step; 

var rad = Math.PI/180; 

for (var i = 0; i<=step; i++) { 

mas[i] = new Object(); 

mas[i].x = Math.cos(angle*rad*i)*r+x; 

mas[i].y = Math.sin(angle*rad*i)*r+y; 

} 

this.moveTo(mas[0].x, mas[0].y); 

for (var i = 0; i<step; i += 2) { 

// curveThreeTo 

var cx = 2*mas[i+1].x-0.5*(mas[i].x+mas[i+2].x); 

var cy = 2*mas[i+1].y-0.5*(mas[i].y+mas[i+2].y); 

this.curveTo(cx, cy, mas[i+2].x, mas[i+2].y); 

} 

};



this.createEmptyMovieClip("circle1",500)

with(circle1){

lineStyle(5,0x000000,100)

circle(0,0,100)

_x=Stage.width/2

_y=Stage.height/2 

}



with(this.createEmptyMovieClip("mc",1)){

lineStyle(5,0xFF0000,100)

lineTo(.5,.5)

_x=Stage.width/2

_y=Stage.height/2

}



mc.onEnterFrame=function(){

this.delta_x=Stage.width/2-_xmouse

this.delta_y=Stage.height/2-_ymouse

if(Math.sqrt(this.delta_x*this.delta_x+this.delta_y*this.delta_y)<95){

this._x=_xmouse

this._y=_ymouse

}else{

this.a=180+(Math.atan2(this.delta_y,this.delta_x)*180)/Math.PI

this.r=95

this._x=Math.cos(this.a*(Math.PI/180))*this.r+Stage.width/2

this._y=Math.sin(this.a*(Math.PI/180))*this.r+Stage.height/2

}

}

// by Techmaker (newtech@front.ru)

:) ;)

типа этого
решено с помошью уравнения пифагора

2 Techmaker:

у меня код значительно попроще...
это я тупее или круче получаюсь? :D :D :D

Цитата:

Оригинал написал(а) dee2
у меня код значительно попроще...
это я тупее или круче получаюсь? :D :D :D

что то у тебя двигается как то рывками да и стопорится при переходе на 360...
а у меня всё плавно, к тому же у меня ещё код не относящийся к теме, добавлен просто для нагляности границ:

Код:

/* функция рисования nuran'а 

уже 3'тий раз на форуме пишу, использую для рисования окружности, чтобы было видно границы */

MovieClip.prototype.circle = function(x, y, r) { 

var mas = new Array(); 

var step = 16; 

var angle = 360/step; 

var rad = Math.PI/180; 

for (var i = 0; i<=step; i++) { 

mas[i] = new Object(); 

mas[i].x = Math.cos(angle*rad*i)*r+x; 

mas[i].y = Math.sin(angle*rad*i)*r+y; 

} 

this.moveTo(mas[0].x, mas[0].y); 

for (var i = 0; i<step; i += 2) { 

// curveThreeTo 

var cx = 2*mas[i+1].x-0.5*(mas[i].x+mas[i+2].x); 

var cy = 2*mas[i+1].y-0.5*(mas[i].y+mas[i+2].y); 

this.curveTo(cx, cy, mas[i+2].x, mas[i+2].y); 

} 

};



this.createEmptyMovieClip("circle1",500)

with(circle1){

lineStyle(5,0x000000,100)

circle(0,0,100)

_x=Stage.width/2

_y=Stage.height/2 

}

и возможность движения внутри окружности с проверкой:

Код:

mc.onEnterFrame=function(){

this.delta_x=Stage.width/2-_xmouse

this.delta_y=Stage.height/2-_ymouse

if(Math.sqrt(this.delta_x*this.delta_x+this.delta_y*this.delta_y)<95){

this._x=_xmouse

this._y=_ymouse

}/*...*/

}

итого, без этого всего, остаётся код по теме:

Код:

with(this.createEmptyMovieClip("mc",1)){

lineStyle(5,0xFF0000,100)

lineTo(.5,.5)

}



mc.onEnterFrame=function(){

this.delta_x=Stage.width/2-_xmouse

this.delta_y=Stage.height/2-_ymouse

this.a=180+(Math.atan2(this.delta_y,this.delta_x)*180)/Math.PI

this.r=95

this._x=Math.cos(this.a*(Math.PI/180))*this.r+Stage.width/2

this._y=Math.sin(this.a*(Math.PI/180))*this.r+Stage.height/2

}

// by Techmaker (newtech@front.ru)

так у кого проще, у кого короче, у кого правильнее? :)

Techmarker!
Я твой код ещё не стал разбирать, но. кажется, окружность ты строишь по определённым координатам, а границы движения проводишь взависимости от Stage!
Просто разверни окашко нра весь экран:)

Цитата:

Оригинал написал(а) 2K WebStudio
Techmarker!
Я твой код ещё не стал разбирать, но. кажется, окружность ты строишь по определённым координатам, а границы движения проводишь взависимости от Stage!
Просто разверни окашко нра весь экран:)

это не так уж и важно, я просто сделал движок :) координаты указываёте свои :)