HTML and CSS Reference
In-Depth Information
var
var
theCanvas
=
document
.
getElementById
(
"canvasOne"
);
var
var
context
=
theCanvas
.
getContext
(
"2d"
);
var
var
bW
=
32
;
var
var
bH
=
32
;
var
var
playX
=
190
;
var
var
playY
=
300
;
var
var
pauseX
=
230
;
var
var
pauseY
=
300
;
var
var
stopX
=
270
var
var
stopY
=
300
;
theCanvas
.
addEventListener
(
"mouseup"
,
eventMouseUp
,
false
false
);
function
function
gameLoop
() {
window
.
setTimeout
(
gameLoop
,
20
);
drawScreen
();
}
gameLoop
();}
<
/script>
</head>
</head>
<body>
<body>
<canvas
<canvas id=
"canvasOne"
width=
"500"
height=
"350"
style=
"position: absolute;
top: 50px; left: 50px;"
>
Your browser does not support HTML5 Canvas.
</canvas>
</canvas>
</body>
</body>
</html>
</html>