factorize event handling

This commit is contained in:
Gwenhael Le Moine 2011-07-14 12:47:10 +02:00
parent 257ff69520
commit 7d2bf35c5a

View file

@ -223,14 +223,12 @@ function initialize_a_star( dom_container ) {
)
{
state = set_cell( item_coord[ 0 ], item_coord[ 1 ], cell.VOID ); /* void the origin cell */
// voiding origin cell on canvas
draw_cell( assets.sprites.void, item_coord[ 0 ], item_coord[ 1 ] );
item_coord[ 0 ] += motion[ 0 ]; /* move coordinate */
item_coord[ 1 ] += motion[ 1 ]; /* to those of target cells */
state = set_cell( item_coord[ 0 ], item_coord[ 1 ], state.moving ); /* move actor into target cell */
// drawing target cell on canvas
draw_cell( ( state.moving == cell.BALL ) ? assets.sprites.ball_selected : assets.sprites.cube_selected, item_coord[ 0 ], item_coord[ 1 ] );
state.distance_travelled++; /* increment distance_travelled */
@ -239,100 +237,93 @@ function initialize_a_star( dom_container ) {
return state;
}
function event_handler( e ) {
if ( e.type === "click" ) {
var movingpos = get_pos( state.moving );
var notmovingpos = get_pos( ( state.moving != cell.BALL ) ? cell.BALL : cell.CUBE );
var click = { };
click.x = e.pageX - DOM_infos.canvas.offset.left;
click.y = e.pageY - DOM_infos.canvas.offset.top;
if ( ( 0 <= click.x && click.x < DOM_infos.canvas.width )
&& ( 0 <= click.y && click.y < DOM_infos.canvas.height ) ) {
// coordinates in cell indexes
click.x = Math.floor( click.x / level_infos.cell.width );
click.y = Math.floor( click.y / level_infos.cell.height );
// We're inside the board
if ( click.x == notmovingpos[0] && click.y == notmovingpos[1] ) {
state.moving = ( state.moving != cell.BALL ) ? cell.BALL : cell.CUBE;
} else if ( click.x == movingpos[0] ) {
if ( click.y > movingpos[1] ) {
state = make_a_move( direction.DOWN );
} else if ( click.y < movingpos[1] ) {
state = make_a_move( direction.UP );
}
} else if ( click.y == movingpos[1] ) {
if ( click.x > movingpos[0] ) {
state = make_a_move( direction.RIGHT );
} else {
state = make_a_move( direction.LEFT );
}
}
}
} else if ( e.type === "keydown" ) {
switch( e.keyCode ) {
case 38: // UP
state = make_a_move( direction.UP );
break;
case 40: // DOWN
state = make_a_move( direction.DOWN );
break;
case 37: // LEFT
state = make_a_move( direction.LEFT );
break;
case 39: // RIGHT
state = make_a_move( direction.RIGHT );
break;
case 32: // SPACE
state = switch_actor( );
break;
case 78: // n
if ( state.level < assets.levels.length - 1 ) {
state = load_level( state.level + 1 );
display_level( );
}
break;
case 80: // p
if ( state.level > 0 ) {
state = load_level( state.level - 1 );
display_level( );
}
break;
case 82: // r
state = load_level( state.level );
display_level( );
break;
default:
break;
}
}
if ( won_or_not( ) ) {
if ( state.level < assets.levels.length - 1 ) {
state = load_level( state.level + 1 );
display_level( );
}
else {
alert( "You won!" );
}
}
}
function start_loop( ) {
display_level( );
$(document).focus( );
$(document).click(
function( e ) {
var movingpos = get_pos( state.moving );
var notmovingpos = get_pos( ( state.moving != cell.BALL ) ? cell.BALL : cell.CUBE );
var click = { };
click.x = e.pageX - DOM_infos.canvas.offset.left;
click.y = e.pageY - DOM_infos.canvas.offset.top;
if ( ( 0 <= click.x && click.x < DOM_infos.canvas.width )
&& ( 0 <= click.y && click.y < DOM_infos.canvas.height ) ) {
// coordinates in cell indexes
click.x = Math.floor( click.x / level_infos.cell.width );
click.y = Math.floor( click.y / level_infos.cell.height );
// We're inside the board
if ( click.x == notmovingpos[0] && click.y == notmovingpos[1] ) {
state.moving = ( state.moving != cell.BALL ) ? cell.BALL : cell.CUBE;
} else if ( click.x == movingpos[0] ) {
if ( click.y > movingpos[1] ) {
state = make_a_move( direction.DOWN );
} else if ( click.y < movingpos[1] ) {
state = make_a_move( direction.UP );
}
} else if ( click.y == movingpos[1] ) {
if ( click.x > movingpos[0] ) {
state = make_a_move( direction.RIGHT );
} else {
state = make_a_move( direction.LEFT );
}
}
if ( won_or_not( ) ) {
if ( state.level < assets.levels.length - 1 ) {
state = load_level( state.level + 1 );
display_level( );
}
else {
alert( "You won!" );
}
}
}
});
$(document).keydown(
function( e ) {
switch( e.keyCode ) {
case 38: // UP
state = make_a_move( direction.UP );
break;
case 40: // DOWN
state = make_a_move( direction.DOWN );
break;
case 37: // LEFT
state = make_a_move( direction.LEFT );
break;
case 39: // RIGHT
state = make_a_move( direction.RIGHT );
break;
case 32: // SPACE
state = switch_actor( );
break;
case 78: // n
if ( state.level < assets.levels.length - 1 ) {
state = load_level( state.level + 1 );
display_level( );
}
break;
case 80: // p
if ( state.level > 0 ) {
state = load_level( state.level - 1 );
display_level( );
}
break;
case 82: // r
state = load_level( state.level );
display_level( );
break;
default:
break;
}
if ( won_or_not( ) ) {
if ( state.level < assets.levels.length - 1 ) {
state = load_level( state.level + 1 );
display_level( );
}
else {
alert( "You won!" );
}
}
});
$(document).click( event_handler );
$(document).keydown( event_handler );
}
////// MAIN (so to speak) //////