gwh/jsstar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

move board_infos into state ; remove options

Browse source
This commit is contained in:
Gwenhael Le Moine 2011-07-13 22:36:20 +02:00
parent 1bb267f698
commit af2c04d08c
1 changed files with 39 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

81
js/star.js
View file

@ -15,15 +15,12 @@ var direction = {
RIGHT : 'r' RIGHT : 'r'
}; };
var sprites = { }; var sprites = { };
var board_infos = { };
var options = {
starting_level : 0
};
var state = { var state = {
moving : cell.BALL, moving : cell.BALL,
distance_travelled : 0, distance_travelled : 0,
level : 0, level : 0,
board : "" board : "",
board_infos : { }
}; };
var levels = [ "#################@## x#H## x #### ##x ## ## x #### x x x ## x x## x ## ##x x#################", var levels = [ "#################@## x#H## x #### ##x ## ## x #### x x x ## x x## x ## ##x x#################",
@ -86,20 +83,20 @@ function switch_actor( state ) {
var ball_pos = get_pos( state, cell.BALL ); var ball_pos = get_pos( state, cell.BALL );
var cube_pos = get_pos( state, cell.CUBE ); var cube_pos = get_pos( state, cell.CUBE );
// we're going to update the canvas right here and there so we need it // we're going to update the canvas right here and there so we need it
var ctx= board_infos.canvas.getContext( '2d' ); //$() returns a jquery object, [0] to get the canvas itself var ctx= state.board_infos.canvas.getContext( '2d' ); //$() returns a jquery object, [0] to get the canvas itself
// redraw ball // redraw ball
ctx.drawImage( ( state.moving == cell.BALL ) ? sprites.ball_selected : sprites.ball, ctx.drawImage( ( state.moving == cell.BALL ) ? sprites.ball_selected : sprites.ball,
ball_pos[ 0 ] * board_infos.cell_dimensions.width, ball_pos[ 0 ] * state.board_infos.cell_dimensions.width,
ball_pos[ 1 ] * board_infos.cell_dimensions.height, ball_pos[ 1 ] * state.board_infos.cell_dimensions.height,
board_infos.cell_dimensions.width, state.board_infos.cell_dimensions.width,
board_infos.cell_dimensions.height ); state.board_infos.cell_dimensions.height );
// redraw cube // redraw cube
ctx.drawImage( ( state.moving == cell.CUBE ) ? sprites.cube_selected : sprites.cube, ctx.drawImage( ( state.moving == cell.CUBE ) ? sprites.cube_selected : sprites.cube,
cube_pos[ 0 ] * board_infos.cell_dimensions.width, cube_pos[ 0 ] * state.board_infos.cell_dimensions.width,
cube_pos[ 1 ] * board_infos.cell_dimensions.height, cube_pos[ 1 ] * state.board_infos.cell_dimensions.height,
board_infos.cell_dimensions.width, state.board_infos.cell_dimensions.width,
board_infos.cell_dimensions.height ); state.board_infos.cell_dimensions.height );
return state; return state;
} }
@ -121,10 +118,10 @@ function full_display_on_canvas( state, canvas_elt ) {
case " ": sprite = sprites.void; break; case " ": sprite = sprites.void; break;
} }
ctx.drawImage( sprite, ctx.drawImage( sprite,
j * board_infos.cell_dimensions.width, j * state.board_infos.cell_dimensions.width,
i * board_infos.cell_dimensions.height, i * state.board_infos.cell_dimensions.height,
board_infos.cell_dimensions.width, state.board_infos.cell_dimensions.width,
board_infos.cell_dimensions.height ); state.board_infos.cell_dimensions.height );
} }
} }
} }
@ -182,7 +179,7 @@ function make_a_move( state, elt, where ) {
} }
// we're going to update the canvas right here and there so we need it // we're going to update the canvas right here and there so we need it
var ctx= board_infos.canvas.getContext( '2d' ); //$() returns a jquery object, [0] to get the canvas itself var ctx= state.board_infos.canvas.getContext( '2d' ); //$() returns a jquery object, [0] to get the canvas itself
/* Calculating arrival coordinates */ /* Calculating arrival coordinates */
while ( /* Hairy conditions ahead */ while ( /* Hairy conditions ahead */
@ -198,10 +195,10 @@ function make_a_move( state, elt, where ) {
state = set_cell( state, item_coord[ 0 ], item_coord[ 1 ], cell.VOID ); /* void the origin cell */ state = set_cell( state, item_coord[ 0 ], item_coord[ 1 ], cell.VOID ); /* void the origin cell */
// voiding origin cell on canvas // voiding origin cell on canvas
ctx.drawImage( sprites.void, ctx.drawImage( sprites.void,
item_coord[ 0 ] * board_infos.cell_dimensions.width, item_coord[ 0 ] * state.board_infos.cell_dimensions.width,
item_coord[ 1 ] * board_infos.cell_dimensions.height, item_coord[ 1 ] * state.board_infos.cell_dimensions.height,
board_infos.cell_dimensions.width, state.board_infos.cell_dimensions.width,
board_infos.cell_dimensions.height ); state.board_infos.cell_dimensions.height );
item_coord[ 0 ] += motion[ 0 ]; /* move coordinate */ item_coord[ 0 ] += motion[ 0 ]; /* move coordinate */
item_coord[ 1 ] += motion[ 1 ]; /* to those of target cells */ item_coord[ 1 ] += motion[ 1 ]; /* to those of target cells */
@ -209,10 +206,10 @@ function make_a_move( state, elt, where ) {
state = set_cell( state, item_coord[ 0 ], item_coord[ 1 ], state.moving ); /* move actor into target cell */ state = set_cell( state, item_coord[ 0 ], item_coord[ 1 ], state.moving ); /* move actor into target cell */
// drawing target cell on canvas // drawing target cell on canvas
ctx.drawImage( ( state.moving == cell.BALL ) ? sprites.ball_selected : sprites.cube_selected, ctx.drawImage( ( state.moving == cell.BALL ) ? sprites.ball_selected : sprites.cube_selected,
item_coord[ 0 ] * board_infos.cell_dimensions.width, item_coord[ 0 ] * state.board_infos.cell_dimensions.width,
item_coord[ 1 ] * board_infos.cell_dimensions.height, item_coord[ 1 ] * state.board_infos.cell_dimensions.height,
board_infos.cell_dimensions.width, state.board_infos.cell_dimensions.width,
board_infos.cell_dimensions.height ); state.board_infos.cell_dimensions.height );
state.distance_travelled++; /* increment distance_travelled */ state.distance_travelled++; /* increment distance_travelled */
} }
@ -229,14 +226,14 @@ function start_loop( state, elt ) {
var movingpos = get_pos( state, state.moving ); var movingpos = get_pos( state, state.moving );
var notmovingpos = get_pos( state, ( state.moving != cell.BALL ) ? cell.BALL : cell.CUBE ); var notmovingpos = get_pos( state, ( state.moving != cell.BALL ) ? cell.BALL : cell.CUBE );
var click = { }; var click = { };
click.x = e.pageX - board_infos.offset.left; click.x = e.pageX - state.board_infos.offset.left;
click.y = e.pageY - board_infos.offset.top; click.y = e.pageY - state.board_infos.offset.top;
if ( ( 0 <= click.x && click.x < board_infos.dimensions.width ) if ( ( 0 <= click.x && click.x < state.board_infos.dimensions.width )
&& ( 0 <= click.y && click.y < board_infos.dimensions.height ) ) { && ( 0 <= click.y && click.y < state.board_infos.dimensions.height ) ) {
// coordinates in cell indexes // coordinates in cell indexes
click.x = Math.floor( click.x / board_infos.cell_dimensions.width ); click.x = Math.floor( click.x / state.board_infos.cell_dimensions.width );
click.y = Math.floor( click.y / board_infos.cell_dimensions.height ); click.y = Math.floor( click.y / state.board_infos.cell_dimensions.height );
// We're inside the board // We're inside the board
if ( click.x == notmovingpos[0] && click.y == notmovingpos[1] ) { if ( click.x == notmovingpos[0] && click.y == notmovingpos[1] ) {
@ -341,16 +338,16 @@ function initialize_a_star( elt ) {
$( elt ).html( starhtml ); $( elt ).html( starhtml );
board_infos.canvas = $( elt + " #starboard" )[ 0 ]; state.board_infos.canvas = $( elt + " #starboard" )[ 0 ];
board_infos.offset = $( elt + " #starboard" ).offset(); state.board_infos.offset = $( elt + " #starboard" ).offset();
board_infos.dimensions = { }; state.board_infos.dimensions = { };
board_infos.dimensions.width = $( elt + " #starboard" ).width(); state.board_infos.dimensions.width = $( elt + " #starboard" ).width();
board_infos.dimensions.height = $( elt + " #starboard" ).height(); state.board_infos.dimensions.height = $( elt + " #starboard" ).height();
board_infos.cell_dimensions = { }; state.board_infos.cell_dimensions = { };
board_infos.cell_dimensions.width = board_infos.dimensions.width / LEVEL_WIDTH; state.board_infos.cell_dimensions.width = state.board_infos.dimensions.width / LEVEL_WIDTH;
board_infos.cell_dimensions.height = board_infos.dimensions.height / LEVEL_HEIGHT; state.board_infos.cell_dimensions.height = state.board_infos.dimensions.height / LEVEL_HEIGHT;
state = load_level( levels, options.starting_level ); state = load_level( levels, 0 );
start_loop( state, elt ); start_loop( state, elt );