HTML and CSS Reference
In-Depth Information
messages
[
1
]
=
{
time
:
1
,
message
:
"This Is Muir Beach!"
,
x
:
90
,
y
:
200
};
messages
[
2
]
=
{
time
:
4
,
message
:
"Look At Those Waves!"
,
x
:
240
,
y
:
240
};
messages
[
3
]
=
{
time
:
8
,
message
:
"Look At Those Rocks!"
,
x
:
100
,
y
:
100
};
var
var
theCanvas
=
document
.
getElementById
(
"canvasOne"
);
var
var
context
=
theCanvas
.
getContext
(
"2d"
);
videoElement
.
play
();
function
function
gameLoop
() {
window
.
setTimeout
(
gameLoop
,
20
);
drawScreen
();
}
gameLoop
();
}
<
/script>
</head>
</head>
<body>
<body>
<div
<div style=
"position: absolute; top: 50px; left: 50px;"
>
<canvas
<canvas id=
"canvasOne"
width=
"500"
height=
"300"
>
Your browser does not support HTML5 Canvas.
</canvas>
</canvas>
</div>
</div>
</body>
</body>
</html>
</html>