У меня есть два изображения на сцене ... и, учитывая приведенный ниже код, я могу взять и перетащить IMG1 в IMG2, заставляя второй IMG2 двигаться горизонтально, когда обнаруживается столкновение. Но проблема в том, что IMG2 не будет сдвигать IMG1 при обнаружении столкновений.Я не вижу, что я делаю неправильно. Кроме того, что если я захочу запустить этот тест с более чем 2 IMG на сцене ... как насчет полного массива из них с функциональностью перетаскивания и запускаударить их по горизонтали.
</p>
<pre><code><?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="test()">
<mx:Script>
<![CDATA[
import flash.display.Stage;
import flash.display.Sprite;
import model.ModelLocator;
public var modelLocator:ModelLocator = ModelLocator.getInstance();
[Bindable]
public var mouseXCoords:int = 0;
[Bindable]
public var mouseYCoords:int = 0;
public var yOffset:int = 70;
[Bindable]
public var holderMid:int = 147;
public function hitTestIMG1(yourEvent:Event):void
{
if(IMG1.hitTestObject(IMG2)) {
if(IMG1.x < IMG2.x-(IMG2.width/2)) {
trace("LEFT SIDE!!!");
trace("IMG1: " + IMG1.x);
trace("IMG1 Width: " + IMG1.width);
trace("IMG2: " + IMG2.x);
trace("IMG2 Width: " + IMG2.width);
IMG2.x = IMG1.x+(IMG1.width);
} else
if(IMG1.x > IMG2.x+(IMG2.width/2)) {
trace("RIGHT SIDE!!!");
trace("IMG1: " + IMG1.x);
trace("IMG1 Width: " + IMG1.width);
trace("IMG2: " + IMG2.x);
trace("IMG2 Width: " + IMG2.width);
IMG2.x = IMG1.x-(IMG2.width);
}
}
}
public function hitTestIMG2(yourEvent:Event):void
{
if(IMG2.hitTestObject(IMG1)) {
if(IMG2.x < IMG1.x-(IMG1.width/2)) {
trace("LEFT SIDE!!!");
trace("IMG1: " + IMG1.x);
trace("IMG1 Width: " + IMG1.width);
trace("IMG2: " + IMG2.x);
trace("IMG2 Width: " + IMG2.width);
IMG1.x = IMG2.x+(IMG2.width);
} else
if(IMG2.x > IMG1.x+(IMG1.width/2)) {
trace("RIGHT SIDE!!!");
trace("IMG1: " + IMG1.x);
trace("IMG1 Width: " + IMG1.width);
trace("IMG2: " + IMG2.x);
trace("IMG2 Width: " + IMG2.width);
IMG1.x = IMG2.x-(IMG1.width);
}
}
}
public function IMG1Start(IMGMove:Event):void
{
IMG1.startDrag();
}
public function IMG1Stop(IMGStop:Event):void
{
IMG1.stopDrag();
// check to see the closeness to the bracelet
if(IMG1.y < (holderMid + yOffset) && IMG1.y > (holderMid - yOffset))
{
trace("SNAP!");
IMG1.y=holderMid; // set it to bracelet
} else {
// just stop dragging
}
}
public function IMG2Start(IMGMove:Event):void
{
IMG2.startDrag();
}
public function IMG2Stop(IMGStop:Event):void
{
IMG2.stopDrag();
if(IMG2.y < (holderMid + yOffset) && IMG2.y > (holderMid - yOffset))
{
trace("SNAP!");
IMG2.y=holderMid; // set it to bracelet
} else {
// just stop dragging
}
}
public function mouseCoords(mouseUpdate:Event):void
{
mouseXCoords = myCanvas.mouseX;
mouseYCoords = myCanvas.mouseY;
}
public function test():void
{
// stage listeners - must be set on startup!!!
modelLocator.currentIMGs.addItem(IMG1);
modelLocator.currentIMGs.addItem(IMG2);
IMG1.addEventListener(Event.ENTER_FRAME, hitTestIMG1);
IMG2.addEventListener(Event.ENTER_FRAME, hitTestIMG2);
stage.addEventListener(Event.ENTER_FRAME, mouseCoords);
mouseXCoord.text = mouseXCoords as String;
mouseYCoord.text = mouseYCoords as String;
}
]]>
</mx:Script>
<mx:Canvas x="144" y="100" width="863" height="386"
borderColor="white" borderThickness="3"
id="myCanvas"
backgroundImage="assets/test.jpg">
<mx:Image x="252" y="147" width="76" id="IMG1" buttonMode="true"
source="assets/IMG8.png"
mouseDown="IMG1Start(event)"
mouseUp="IMG1Stop(event)"
mouseOut="IMG1Stop(event)"/>
<mx:Image x="429" y="147" id="IMG2" buttonMode="true"
source="assets/IMG12.png"
mouseDown="IMG2Start(event)"
mouseUp="IMG2Stop(event)"
mouseOut="IMG2Stop(event)"/>
</mx:Canvas>
<mx:Label x="144" y="27" text="Mouse X: " width="64"/>
<mx:Label x="144" y="53" text="Mouse Y: " width="64"/>
<mx:Label x="216" y="27" id="mouseXCoord" text="{mouseXCoords}"/>
<mx:Label x="216" y="53" id="mouseYCoord" text="{mouseYCoords}"/>
</mx:Application>