Mixing HTML5 Video and Canvas - HTML5 Canvas - page 509

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

for

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

var var tempPiece = board [ c ][ r ];

var var imageX = tempPiece . finalCol * partWidth ;

var var imageY = tempPiece . finalRow * partHeight ;

var

var placeX = c * partWidth + c * xPad + startXOffset ;
var var placeY = r * partHeight + r * yPad + startYOffset ;

//context.drawImage(videoElement , imageX, imageY, partWidth, partHeight);
context . drawImage ( videoElement , imageX , imageY , partWidth , partHeight ,
placeX , placeY , partWidth , partHeight );
iif ( tempPiece . selected ) {

context . strokeStyle = '#FFFF00' ;
context . strokeRect ( placeX , placeY , partWidth , partHeight );

}

}

}

}

function function randomizeBoard ( board ) {

var var newBoard = new new Array ();

var var cols = board . length ;

var var rows = board [ 0 ]. length

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

newBoard [ i ] = new

new Array ();

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

var

var found = false false ;

var var rndCol = 0 ;

var

var rndRow = 0 ;
while while ( ! found ) {

var

var rndCol = Math . floor ( Math . random () * cols );
var var rndRow = Math . floor ( Math . random () * rows );

iif ( board [ rndCol ][ rndRow ] != false false ) {

found = true true ;

}

}

newBoard [ i ][ j ] = board [ rndCol ][ rndRow ];
board [ rndCol ][ rndRow ] = false false ;

}

}