Switching touch events from symbols/classes to the main stage?
For previous threads:
http://forums.adobe.com/thread/864057
http://forums.adobe.com/thread/863566
http://forums.adobe.com/thread/864262
http://forums.adobe.com/thread/863597
Bug ID #2940816
I have an app that wasn't compiling correctly. I sent the bug to Adobe who responded with a workaround. However, I can't figure out how to make their stated workaround work in my code.
I have puzzle pieces on the stage. Each is assigned to a separate class. Inside the class I have touch events defining multiple touch events for each piece.
I have another spot on the stage where, when it is touched, a puzzle piece appears. These are also each linked to a separate class. Inside this class I also have touch events defining multiple touch events for each piece.
Though it works fine on my computer, it wasn't working on an iPad. Adobe said that I needed to switch the touch events so that they were assigned to the main stage instead of to each individual object.
However, the code they gave me didn't really make sense in context and I'm confused how to implement it.
This is the code in the class for each piece that is created when you touch the stage:
public function GeoPiece(): void {
if (PuzzleGlobals.currentLevel == "Name") {
this.gotoAndStop("wholeName");
}
else if (PuzzleGlobals.currentLevel == "Abbrev") {
this.gotoAndStop("abbrev");
}
else if (PuzzleGlobals.currentLevel == "Shape") {
this.gotoAndStop("shape");
}
this.addEventListener(TouchEvent.TOUCH_MOVE, geoPieceBegin);
}
public function geoPieceBegin (e:TouchEvent): void {
PuzzleGlobals.pieceActive = true;
e.target.startTouchDrag(e.touchPointID, false);
e.target.addEventListener(TouchEvent.TOUCH_END, geoPieceEnd);
e.target.interactionBegin();
MovieClip(this.parent.parent).nameDisplay.gotoAndStop(e.target.abbrev);
PuzzleGlobals.currentPiece = e.target.abbrev;
}
public function geoPieceEnd (e:TouchEvent): void {
PuzzleGlobals.pieceActive = false;
if (currentObjOver.isLocked == true) {
currentObjOver.gotoAndStop ("Lock");
}
else {
currentObjOver.gotoAndStop ("Out");
}
MovieClip(this.parent.parent).nameDisplay.gotoAndStop(PuzzleGlobals.chosenPuzzle);
e.target.stopTouchDrag(e.touchPointID);
if (this.dropTarget.parent is GeoPuzzle) {
if (GeoPuzzle(this.dropTarget.parent).abbrev == e.target.abbrev) {
PuzzleGlobals.statesCompletedUSA++;
GeoPuzzle(this.dropTarget.parent).isLocked = true;
GeoPuzzle(this.dropTarget.parent).gotoAndStop("Lock");
e.target.parent.removeChild(DisplayObject(e.target));
}
else {
//play BOOP sound indicated wrong drop;
}
}
if (PuzzleGlobals.statesCompletedUSA == PuzzleGlobals.TOTAL_NUMBER_USA) {
//play fireworks game
}
else {
//do nothing
}
e.target.removeEventListener(TouchEvent.TOUCH_END, geoPieceEnd);
}
public function interactionBegin () {
if (this.dropTarget != null && this.dropTarget.parent is GeoPuzzle) { //check to make sure it's over a puzzle piece
currentObjOver = GeoPuzzle(this.dropTarget.parent);
currentObjOver.gotoAndStop("Over");
}
if (lastObjOver != currentObjOver) {
if (lastObjOver.isLocked == true) {
lastObjOver.gotoAndStop("Lock");
}
else {
lastObjOver.gotoAndStop("Out");
}
lastObjOver = currentObjOver;
}
}
This is the code in the class for each piece that's already on the stage:
public function GeoPuzzle(): void {
if (this.isLocked == true) {
this.gotoAndStop ("Lock");
}
if (PuzzleGlobals.pieceActive == true) {
this.addEventListener(TouchEvent.TOUCH_BEGIN, geoPuzzleBegin);
}
}
public function geoPuzzleBegin (e:TouchEvent): void {
e.target.addEventListener(TouchEvent.TOUCH_END, geoPuzzleEnd);
e.target.gotoAndStop("Over");
MovieClip(this.parent).nameDisplay.gotoAndStop(e.target.abbrev);
}
public function geoPuzzleEnd (e:TouchEvent): void {
if (e.target.isLocked == false) {
e.target.gotoAndStop("Off");
}
else if (e.target.isLocked == true) {
e.target.gotoAndStop("Lock");
}
MovieClip(this.parent).nameDisplay.gotoAndStop(PuzzleGlobals.chosenPuzzle);
e.target.removeEventListener(TouchEvent.TOUCH_END, geoPuzzleEnd);
}
You can see that each piece (whether it's already locked on the stage or movable) reacts differently to different touch events. However, this is the code that Adobe gave me as a workaround:
this.stage.addEventListener(TouchEvent.TOUCH_BEGIN, onTouchEvent);
this.stage.addEventListener(TouchEvent.TOUCH_MOVE, onTouchEvent);
this.stage.addEventListener(TouchEvent.TOUCH_END, onTouchEvent);var beginCount:uint=0;
var moveCount:uint=0;
var endCount:uint=0;function onTouchEvent(event:TouchEvent):void{
switch (event.type){
case TouchEvent.TOUCH_BEGIN:
trace("BEGIN")
beginCount++;
square.x = event.stageX;
square.y = event.stageY;
square.startTouchDrag(event.touchPointID, false);
break;
case TouchEvent.TOUCH_MOVE:
trace("MOVE")
moveCount++;
break;
case TouchEvent.TOUCH_END:
trace("END")
endCount++;
square.stopTouchDrag(event.touchPointID);
break;
}
trace("begin: "+beginCount+" move: "+moveCount+" end: "+endCount);
// countText.text = "begin: "+beginCount+" move: "+moveCount+" end: "+endCount;
}
This doesn't make any sense to me because it seems that it would only work if touching the stage had to react in just a single way. I have multiple pieces that need to each react differently.
1. The pieces that are locked to the stage need to highlight when touched and display their name.
2. These pieces also need to keep themselves highlighted and their names displayed when the touch is dragged off of them instead of just removed.
3. Each piece needs to be created when touching the Puzzle Piece button the stage. As these pieces are dragged, they need to highlight the pieces underneath them and unhighlight them when they are dragged off. They also need to display their own names, and lock into place when they are dragged over the correct piece.
My questions are:
1. Why don't touch events work in the compiler?
2. How can I translate my current working code's touch events to all be directly linked to the stage instead of their objects?
Thanks so much! 
Amber
AdChoices