HTML and CSS Reference
In-Depth Information
function
function
boundingBoxCollide
(
object1
,
object2
) {
var
var
left1
=
object1
.
x
;
var
var
left2
=
object2
.
x
;
var
var
right1
=
object1
.
x
+
object1
.
width
;
var
var
right2
=
object2
.
x
+
object2
.
width
;
var
var
top1
=
object1
.
y
;
var
var
top2
=
object2
.
y
;
var
var
bottom1
=
object1
.
y
+
object1
.
height
;
var
var
bottom2
=
object2
.
y
+
object2
.
height
;
iif
(
bottom1
<
top2
)
return
return
(
false
false
);
iif
(
top1
>
bottom2
)
return
return
(
false
false
);
iif
(
right1
<
left2
)
return
return
(
false
false
);
iif
(
left1
>
right2
)
return
return
(
false
false
);
return
return
(
true
true
);
};
function
function
startUp
(){
gameLoop
();
}
function
function
gameLoop
() {
window
.
setTimeout
(
gameLoop
,
100
);
drawScreen
();
}
startUp
();
}
<
/script>
</head>
</head>
<body>
<body>
<div>
<div>
<canvas
<canvas id=
"canvas"
width=
"400"
height=
"400"
style=
"position: absolute; top:
50px; left: 50px;"
>
Your browser does not support the HTML 5 Canvas.
</canvas>
</canvas>
</div>
</div>
</body>
</body>
</html>
</html>