Mixing HTML5 Video and Canvas - HTML5 Canvas - page 511

}

}
iif ( selectedList . length == 2 ) {
var var selected1 = selectedList [ 0 ];

var

var selected2 = selectedList [ 1 ];
var var tempPiece1 = board [ selected1 . col ][ selected1 . row ];

board [ selected1 . col ][ selected1 . row ] = board [ selected2 . col ][ selected2 . row ];
board [ selected2 . col ][ selected2 . row ] = tempPiece1 ;
board [ selected1 . col ][ selected1 . row ]. selected = false false ;

board [ selected2 . col ][ selected2 . row ]. selected = false

false ;

}

}

var var theCanvas = document . getElementById ( "canvasOne" );

var

var context = theCanvas . getContext ( "2d" );
videoElement . play ();

//Puzzle Settings

var var rows = 4 ;

var var cols = 4 ;

var

var xPad = 10 ;
var var yPad = 10 ;

var var startXOffset = 10 ;

var

var startYOffset = 10 ;
var var partWidth = videoElement . width / cols ;

var

var partHeight = videoElement . height / rows ;
//320×240
partWidth = 80 ;
partHeight = 60 ;
var

var board = new new Array ();

//Initialize Board

for for ( var var i = 0 ; i < cols ; i ++ ) {

board [ i ] = new

new Array ();

for for ( var var j = 0 ; j < rows ; j ++ ) {

board [ i ][ j ] = { finalCol : i , finalRow : j , selected : false

false };

}

}

board = randomizeBoard ( board );