Have you ever wondered how games can detect if they are in focus? Well I'm going to show you anyway and it is a very useful function that i use in all my new projects.
I'm going to show you what i mean first.
There should be a grey rectangle above. If you click it, you gain focus in the flash file until you click away, eg outside the swf, in the browser address bar or even out of the browser. when focus is gained the swf will go white.
This is because when the swf is not in focus i am creating a transparent block over the entire screen. Imagine it as pausing a game when the focus is lost.
I have created a universal function with a pause variable in the parameter so that you can easily pause a game or app when the focus is lost.
-
var p:Boolean=false;
-
detectFocus(p);
-
function detectFocus(pausevar:Boolean) {
-
var focusm:MovieClip = new MovieClip();
-
focusm.graphics.beginFill(0x000000, 0.6);
-
focusm.graphics.drawRect(0,0,550,400);
-
focusm.graphics.endFill();
-
addChild(focusm)
-
stage.addEventListener(Event.DEACTIVATE, notinfocus);
-
stage.addEventListener(Event.ACTIVATE, infocus);
-
function notinfocus(event:Event):void {
-
pausevar=true;
-
focusm.visible = true
-
}
-
function infocus(event:Event):void {
-
pausevar=false;
-
focusm.visible = false
-
}
-
}
line 1: Creating the pause variable that the detectfocus function changes, this is so the function can pause your game.
line 2: Calling the detectfocus function using the pause variable p.
line 3: setting up the constructor for the function with 1 variable, pausevar.
lines 4 - 8: creating the rectangle that goes over the top of the screen, for more help on the drawing api try this post note the alpha of the fill colour is 0.6 so it is transparent.
line 9: Adding an event listener for when the swf is not in focus which calls the function notinfocus.
line 10: Adding an event listener for when the swf is in focus which calls the function infocus surprisingly enough!
lines 11 - 14: Creating the notinfocus function which sets the pause variable to true and also makes the rectangle visible.
lines 15 - 18: Creating the in focus function that does exactly the opposite to the not in focus function, so it sets pause to false and makes the rectangle invisible.
Now lets see it in action for one of the new levels for steerwheels!
Click inside to gain focus and then arrow keys to move. (you can't win yet)
Works well doesn't it!
