Создание флэш-перетаскивания ювелирной игры?

Question

Я пытаюсь создать детскую игру-браслет, в которой они могут перетаскивать шарики на строку (круг), но у меня возникают проблемы с привязкой объекта к моему эллипсу (кругу). В настоящее время шар (шарик)заклинило, вращаясь вокруг эллипса, но мне нужно, чтобы его и несколько раз перетаскивали из нижней части экрана, а затем можно было привязать к эллипсу, как только он приблизится, в основном, чтобы ребенок мог выбрать шарик и перетащить его на строкучтобы создать свой собственный браслет,

Не могли бы вы мне помочь с этим?Приведенный ниже код - это то, что у меня есть, любая помощь или шаг в правильном направлении было бы здорово, спасибо!:)

import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
var rX:Number = 150;
var rY:Number = 150;
var numItems:Number = 12;
var zeroSector:Object = sector(0, rX, rY);

function sector(degree:Number, radiusX:Number, radiusY:Number):Object {
    // coordinates of a point on ellipse
    var xpos:Number = radiusX * Math.cos(degree * Math.PI / 180);
    var ypos:Number = radiusY * Math.sin(degree * Math.PI / 180);

    // find the angle that has the Y-coords of the mouse position, solve for angle somehow...
    return {x:xpos, y:ypos};
}


function objPosition():void { // detecting coordinates of a clip
        var ratio:Number = rX / rY;

        var anAngle = Math.atan2(mouseX - myEllipse.x, mouseY - myEllipse.y );
           var deg:Number = 90-(Math.atan2(Math.sin(anAngle), Math.cos(anAngle) * ratio)) * (180 /  Math.PI);

        var _sector:Object = sector(deg, rX, rY);
        trace(_sector.x)
        bntMc.x = _sector.x;
        bntMc.y = _sector.y;

}

// draw ellipse
var myEllipse:Sprite = new Sprite();
myEllipse.x = 275;
myEllipse.y = 200;
myEllipse.graphics.lineStyle(0, 0xAAAAAA);
myEllipse.graphics.moveTo(zeroSector.x, zeroSector.y);

for (var d:int = 0; d <= 360; d += 5) {
    var _sector:Object = sector(d, rX, rY);
    myEllipse.graphics.lineTo(_sector.x, _sector.y);
}


addChild(myEllipse);

// my object
var bntMc:Sprite = new Sprite();
bntMc.graphics.lineStyle(50, 0x002277, 100);
bntMc.graphics.lineTo(0, 1);
bntMc.x = zeroSector.x;
bntMc.y = zeroSector.y;
bntMc.buttonMode = true;
myEllipse.addChild(bntMc);


bntMc.addEventListener(MouseEvent.MOUSE_DOWN, doMouseDown);
stage.addEventListener(MouseEvent.MOUSE_UP, doMouseOut);

function doMouseDown(event:MouseEvent):void  {
     stage.addEventListener(MouseEvent.MOUSE_MOVE, doMouseMove);       
};

function  doMouseOut (event:MouseEvent):void {
    stage.removeEventListener(MouseEvent.MOUSE_MOVE, doMouseMove);
 };

 function doMouseMove(event:MouseEvent):void {
     objPosition();
 }

Answer 1

import flash.display.Sprite; 
import flash.events.Event; 
import flash.events.MouseEvent; 
var rX:Number = 150; 
var rY:Number = 150; 
var numItems:Number = 12; 
var zeroSector:Object = sector(0, rX, rY); 

function sector(degree:Number, radiusX:Number, radiusY:Number):Object { 
    // coordinates of a point on ellipse 
    var xpos:Number = radiusX * Math.cos(degree * Math.PI / 180); 
    var ypos:Number = radiusY * Math.sin(degree * Math.PI / 180); 

    // find the angle that has the Y-coords of the mouse position, solve for angle somehow... 
    return {x:xpos, y:ypos}; 
} 


function objPosition():void { // detecting coordinates of a clip 
        var ratio:Number = rX / rY; 

        var anAngle = Math.atan2(mouseX - myEllipse.x, mouseY - myEllipse.y ); 
           var deg:Number = 90-(Math.atan2(Math.sin(anAngle), Math.cos(anAngle) * ratio)) * (180 /  Math.PI); 

        var _sector:Object = sector(deg, rX, rY); 
        trace(_sector.x) 
        bntMc.x = _sector.x; 
        bntMc.y = _sector.y; 

} 

// draw ellipse 
var myEllipse:Sprite = new Sprite(); 
myEllipse.x = 275; 
myEllipse.y = 200; 
myEllipse.graphics.lineStyle(0, 0xAAAAAA); 
myEllipse.graphics.moveTo(zeroSector.x, zeroSector.y); 

for (var d:int = 0; d <= 360; d += 5) { 
    var _sector:Object = sector(d, rX, rY); 
    myEllipse.graphics.lineTo(_sector.x, _sector.y); 
} 


addChild(myEllipse); 

// my object 
var bntMc:Sprite = new Sprite(); 
bntMc.graphics.lineStyle(50, 0x002277, 100); 
bntMc.graphics.lineTo(0, 1); 
bntMc.x = zeroSector.x; 
bntMc.y = zeroSector.y; 
bntMc.buttonMode = true; 
myEllipse.addChild(bntMc); 


bntMc.addEventListener(MouseEvent.MOUSE_DOWN, doMouseDown); 
stage.addEventListener(MouseEvent.MOUSE_UP, doMouseOut); 

function doMouseDown(event:MouseEvent):void  { 
     //stage.addEventListener(MouseEvent.MOUSE_MOVE, doMouseMove);
     bntMc.startDrag();
}; 

function  doMouseOut (event:MouseEvent):void { 
    //stage.removeEventListener(MouseEvent.MOUSE_MOVE, doMouseMove); 
    bntMc.stopDrag();
    objPosition();
 }; 

 function doMouseMove(event:MouseEvent):void { 
     objPosition();
 }