Trying to convert flash to javascript (part 2)

Question

Okay here's part two:I used to have this:/*IndexNext1.addEventListener(MouseEvent.CLICK, IndxNext1);function IndxNext1(event:MouseEvent):void{gotoAndPlay("Indx1");}Left Turn Stalk BehaviorleftStalk.addEventListener(MouseEvent.MOUSE_OVER, leftOver);function leftOver(event:MouseEvent):void{this.leftStalk.gotoAndPlay("over");}leftStalk.addEventListener(MouseEvent.MOUSE_OUT, leftOut);function leftOut(event:MouseEvent):void{this.leftStalk.gotoAndStop("stop");}leftStalk.addEventListener(MouseEvent.MOUSE_DOWN, leftClick);function leftClick(event:MouseEvent):void{this.leftStalk.gotoAndStop("down");}leftStalk.addEventListener(MouseEvent.MOUSE_UP, leftUp);function leftUp(event:MouseEvent):void{this.leftStalk.gotoAndPlay("over");}*/ And I tried replacing it with this. this.leftStalk.addEventListener("mouseover", leftOver);function leftOver(){this.leftStalk.gotoAndPlay('over');} this.leftStalk.addEventListener("mouseout", leftOut);function leftOut(){this.leftStalk.gotoAndStop('stop');} this.leftStalk.addEventListener("onmousedown", leftClick.bind(this));function leftClick(){this.leftStalk.gotoAndStop('down');}this.leftStalk.addEventListener("onmouseup", leftUp.bind(this));function leftUp(){this.leftStalk.gotoAndPlay('over');} How much am I getting wrong?  LOL Thanks in advance! Rick

kglad · Accepted Answer

with as3, you don't need to explicitly reference the timeline that contains the objects and that you want to control. with createjs, you need to explicitly reference those: and with createjs and js, in general, there's no object typing: and inside createjs functions, the timeline reference is lost. one way to resolve that is to pass a reference to it using bind():

this.IndexNext1.addEventListener("click", IndxNext1.bind(this));

function IndxNext1(e)
{
this.gotoAndPlay("Indx1");
}

//Left Turn Stalk Behavior

this.leftStalk.addEventListener("mouseover", leftOver.bind(this));

function leftOver(e)
{
this.leftStalk.gotoAndPlay("over");
}
this.leftStalk.addEventListener("mouseout", leftOut.bind(this));

function leftOut(e)
{
this.leftStalk.gotoAndStop("stop");
}

this.leftStalk.addEventListener("mousedown", leftClick.bind(this));

function leftClick(e)
{
this.leftStalk.gotoAndStop("down");
}

this.leftStalk.addEventListener(""mouseup, leftUp.bind(this));

function leftUp(e)
{
this.leftStalk.gotoAndPlay("over");
}

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded