2010-05-25 17:05:55 +01:00
|
|
|
<html>
|
|
|
|
<head><title>Input Test</title></head>
|
|
|
|
<body>
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
Canvas:<br>
|
|
|
|
<canvas id="canvas" width="640" height="20"
|
|
|
|
style="border-style: dotted; border-width: 1px;">
|
|
|
|
Canvas not supported.
|
|
|
|
</canvas>
|
|
|
|
|
|
|
|
<br>
|
|
|
|
Results:<br>
|
|
|
|
<textarea id="messages" style="font-size: 9;" cols=80 rows=25></textarea>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
<!--
|
|
|
|
<script type='text/javascript'
|
|
|
|
src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
|
|
|
|
-->
|
|
|
|
<script src="include/util.js"></script>
|
|
|
|
<script src="include/canvas.js"></script>
|
|
|
|
<script>
|
|
|
|
var msg_cnt = 0;
|
2010-06-23 22:08:36 +01:00
|
|
|
var width = 400, height = 200;
|
2010-05-25 17:05:55 +01:00
|
|
|
var iterations;
|
|
|
|
|
|
|
|
function message(str) {
|
|
|
|
console.log(str);
|
|
|
|
cell = $('messages');
|
|
|
|
cell.innerHTML += msg_cnt + ": " + str + "\n";
|
|
|
|
cell.scrollTop = cell.scrollHeight;
|
|
|
|
}
|
|
|
|
|
2010-06-15 17:10:18 +01:00
|
|
|
function mouseButton(x, y, down, bmask) {
|
|
|
|
msg = 'mouse x,y: ' + x + ',' + y + ' down: ' + down;
|
|
|
|
msg += ' bmask: ' + bmask;
|
2010-05-25 17:05:55 +01:00
|
|
|
console.log(msg);
|
|
|
|
message(msg);
|
|
|
|
}
|
|
|
|
|
2010-06-15 17:10:18 +01:00
|
|
|
function mouseMove(x, y) {
|
|
|
|
msg = 'mouse x,y: ' + x + ',' + y;
|
|
|
|
//console.log(msg);
|
2010-05-25 17:05:55 +01:00
|
|
|
}
|
|
|
|
|
2010-06-15 17:10:18 +01:00
|
|
|
function keyPress(keysym, down) {
|
|
|
|
msg = "keyPress keysym: " + keysym + " down: " + down;
|
2010-05-25 17:05:55 +01:00
|
|
|
console.log(msg);
|
|
|
|
message(msg);
|
|
|
|
}
|
|
|
|
|
|
|
|
window.onload = function() {
|
2010-06-23 22:08:36 +01:00
|
|
|
Canvas.init('canvas');
|
|
|
|
Canvas.resize(width, height);
|
|
|
|
Canvas.start(keyPress, mouseButton, mouseMove);
|
2010-05-25 17:05:55 +01:00
|
|
|
message("Canvas initialized");
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</html>
|