Hi jpoveda!
I suppose you have a flash animation and a html page for including this flash animation, or?
Now we have the problem, hat Girder sends the key information to fast for flash. I have programming a work-around by using javascript (browser side programming language) and actionscript (flash programming language).
Put this javascript code between <head> and </head> in your html page:
<script type="text/javascript" language="JavaScript">
<!--
function setFlashVar()
{
var oEventTime = new Date(); // js-date object
var iEventTime = oEventTime.getTime(); // get timestamp in milliseconds
// Change flash variables (example for root-layer)
// "flashname" is the ID of your flash object (<object ..>)
document.getElementById("flashname").SetVariable("_root.keyPressedTime", iEventTime);
document.getElementById("flashname").SetVariable("_root.keyCode", event.keyCode);
}
//-->
</script>
The javascript function setFlashVar() saves the key information into flash variables.
Don't forget to set onkeydown="setFlashVar();" in body tag to execute the javascript function while one key is pressing:
<body onkeydown="setFlashVar();">
Now you have to include the flash animation. Example:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
onfocus="window.focus();"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="550" HEIGHT="400" id="flashname" ALIGN="">
<PARAM NAME=movie VALUE="flashname.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED
src="flashname.swf"
quality=high
bgcolor=#FFFFFF
WIDTH="550"
HEIGHT="400"
NAME="menu"
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
Don't forget to set onfocus="window.focus();" in object tag to be sure, that the flash animation is always active.
Ok, we have finished our html page. Now we edit our flash animation.
At best you create a new layer and call it for example ActionScripts. Then you put following actionscript code into first keyframe:
var keyPressedTime = 0;
var keyCode = 255;
this.onEnterFrame = function () {
// Watch the variable keyPressedTime
this.watch("this.keyPressedTime", this.execFunction(this.keyCode));
// If keyPressedTime change their value execute the function on second parameter
}
function execFunction(keyCode) {
this.keyCode = keyCode;
if (this.keyCode==Key.UP) {
// do if key UP is pressed ..
} else if (this.keyCode==Key.DOWN) {
// do if key DOWN is pressed ..
} else if (this.keyCode==Key.ENTER || this.keyCode==Key.SPACE) {
// do if SPACE or ENTER is pressed ..
}
// Delete watching variable for performance
this.unwatch("this.keyPressedTime");
// Set keyCode to 255 = null
this.keyCode = 255;
}
The javascript (from html page!) sends the key information to variable keyCode. The time of pressing it sends to variable keyPressedTime.
The flash function watch() checks the variable keyPressedTime. If the value changes, it starts the function execFunction() with the keyCode variable.
Now you have the pressed key information in the function execFunction.
Create "blank frames" from frame 2 till the end position of your flash animation, to be sure that the code executes on every frame position.
At final you have to conform your buttons / movieclip. I don't know what you have created in your flash animation. Hmm.. We make an example with a textfield.
Add a new layer and create a textfield, call it keyoutput.
We edit our actionscript:
function execFunction(keyCode) {
this.keyCode = keyCode;
if (this.keyCode==Key.UP) {
_root.keyoutput.value="Key UP is pressed..";
} else if (this.keyCode==Key.DOWN) {
_root.keyoutput.value="Key DOWN is pressed..";
} else if (this.keyCode==Key.ENTER || this.keyCode==Key.SPACE) {
_root.keyoutput.value="Enter or Space-Key is pressed..";
}
// Delete watching variable for performance
this.unwatch("this.keyPressedTime");
// Set keyCode to 255 = null
this.keyCode = 255;
}
Write instead of _root the name of the movieclip, button or an other scene of your flash animation if the text field is not in the root layer.
Finish! Now you can start your flash animation and press a key.
If hope this helps..
Regards,
Michi