HTML and CSS Reference
In-Depth Information
for (var ctr2=0; ctr2<buttons[ctr1].length;ctr2++){
ConsoleLog.log("ctr2="+ctr2)
buttons[ctr1][ctr2].draw(context);
}
}
}
function onMouseClick(e) {
//select case through states and then the locations of
//buttons in those states
mouseX = e.clientX-theCanvas.offsetLeft;
mouseY = e.clientY-theCanvas.offsetTop;
ConsoleLog.log("click " + mouseX + "," + mouseY);
//find the button clicked
var col = Math.floor(mouseX/92);
var row = Math.floor(mouseY/57);
console.log("row",row,"col", col);
tempButton = buttons[row][col];
clickSound.play();
tempButton.pressDown();
tempButton.draw(context);
}
function onMouseMove(e) {
mouseX = e.clientX-theCanvas.offsetLeft;
mouseY = e.clientY-theCanvas.offsetTop;
//ConsoleLog.log("move: " + mouseX + "," + mouseY);
}
//**** start application
var gr = context.createLinearGradient(0, 0, 85, 50);
// Add the color stops.
gr.addColorStop(0,'#ffffff');
gr.addColorStop(.5,'#bbbbbb');
gr.addColorStop(1,'#777777');
theCanvas.addEventListener("mousemove", onMouseMove, false);
theCanvas.addEventListener("click", onMouseClick, false);
initSounds();
initButtons();
initLists();
chooseButtonsForCard();
drawScreen();
}
</script>
