Welcome To Our Games Page!!
This is the place where you can play our games that we created from scratch in HTML5 with CSS, JavaScript and HTML. Have fun!!! If you want to embed our coding, just email us at aroundtheleaguessports@gmail.com
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='style.css'/>
<script src='script.js'></script>
</head>
<style>
canvas {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
</style>
<body>
<canvas id = "ctx" width="1000" height="600"style="border:1px solid #000000;"> </canvas>
<script src="script.js"></script>
<script>
var ctx = document.getElementById("ctx").getContext("2d");
var menu = true;
var choosePlayer = false;
var level1 = false;
var mid1 = false;
var level2 = false;
var mid2 = false;
var level3 = false;
var mid3 = false;
var level4 = false;
var mid4 = false;
var level5 = false;
var lives = 5;
var level = 1;
var text = new Image();
var activ = true;
var reset = 450;
var PH = false;
var point1 = 20;
var user1 = null;
var user2 = null;
var user3 = null;
var user4 = null;
var user5 = null;
var user6 = null;
var user7 = null;
var color1 = 'black';
var next = 0;
var start = true;
var xPos = -30;
var v = true;
var s = true;
var pro = 0;
var go = true;
var pfm = 550;
var square = new Image();
var text1 = new Image();
var court = new Image();
var hoop = new Image();
var rose = new Image(); //jordan t
var lebron = new Image(); //lebron t
var durant = new Image(); //durant t
var shaq = new Image(); //shaq t
var bird = new Image(); //bird
var bball = new Image();
var wade = new Image(); //wade t
var speed = new Image();
var kobe = new Image(); //kobe t
var power = new Image();
var stop = new Image();
var hearts = new Image();
var healthp = new Image();
var barrier = new Image();
var s1 = new Image();
var s2 = new Image();
var s3 = new Image();
var s4 = new Image();
var sq = {
y1: null,
y2: null,
x1: null,
x2: null,
}
var pup = {
x: 30,
y: 480,
a: false,
h: 80,
}
var player = {
x: 450,
y: 450,
width: 100,
height: 120,
link: 'http://i.imgur.com/QNlbu0R.png',
speed: 12,
}
var enemy = {
x: 440,
y: 290,
width: 100,
height: 120,
link: 'https://40.media.tumblr.com/f71884f8f02439c8dd9eee6799307c90/tumblr_motg09UHQg1rcca4eo1_400.png',
speed: 10,
speed2: 50,
speed3: 30,
speed4: 25,
wade: 290,
wades: 25,
wadeX: 440,
wadeS: 50,
kobeS: -30,
kobe: 290,
}
var ball = {
link1: 'http://tonyhowardsbasketballacademy.com/wp-content/uploads/2013/08/TonyHoward-WoodFloor.png',
link2: 'http://img3.wikia.nocookie.net/__cb20130210014143/skatcity/images/2/2d/Basketball_Hoop.png',
link3: 'http://pngimg.com/upload/basketball_PNG1095.png',
}
var uparrow = 38, downarrow = 40, leftarrow = 37, rightarrow = 39, space = 32;
var keyState;
keyState = {};
document.addEventListener("keydown", function(evt){
keyState[evt.keyCode] = true;
});
document.addEventListener("keyup", function(evt){
delete keyState[evt.keyCode];
});
var updateObjs = function(){
var drawthings = function(name, link, x, y, width, height){
var name = new Image();
name.onload = function() {
ctx.drawImage(name, x, y, width, height);
};
name.src = link;
}
var drawlives = function(){
if (lives===6&&level1===true){lives=5;}
if (lives === 6){
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 700, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 760, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 820, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 880, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 940, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 640, 20, 40, 40);
}
if (lives === 5){
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 700, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 760, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 820, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 880, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 940, 20, 40, 40);
}
if (lives === 4){
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 700, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 760, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 820, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 880, 20, 40, 40);
}
if (lives === 3){
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 700, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 760, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 820, 20, 40, 40);
}
if (lives === 2){
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 700, 20, 40, 40);
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 760, 20, 40, 40);
}
if (lives === 1){
drawthings(hearts, 'http://ylber.net84.net/wp-content/uploads/2013/12/heart_beat1.png', 700, 20, 40, 40);
}
if(lives === 0){
lives = 5;
}
}
var empty = function(){
keyState = {};
}
if (menu === true){
drawthings(court, ball.link1, 0, 0, 1000, 600);
if(keyState[32]){
choosePlayer = true;
menu = false;
keyState = {};
}
}
if(choosePlayer === true){
if(keyState[rightarrow] && start === true){
next = next + 1;
keyState = {};
}
if(keyState[leftarrow] && go === true){
next = next - 1;
keyState = {};
}
if(next === 0){
xPos = -30;
user1 = true;
user2 = false;
user3 = false;
user4 = false;
user5 = false;
user6 = false;
user7 = false;
}
if(next === 1){
xPos = 100;
user2 = true;
user1 = false;
user3 = false;
user4 = false;
user5 = false;
user6 = false;
user7 = false;
}
if(next === 2){
xPos = 230;
user3 = true;
user2 = false;
user1 = false;
user4 = false;
user5 = false;
user6 = false;
user7 = false;
}
if(next === 3){
xPos = 350;
user4 = true;
user2 = false;
user3 = false;
user1 = false;
user5 = false;
user6 = false;
user7 = false;
}
if(next === 4){
xPos = 480;
user5 = true;
user2 = false;
user3 = false;
user4 = false;
user1 = false;
user6 = false;
user7 = false;
}
if(next === 5){
xPos = 600;
user6 = true;
user2 = false;
user3 = false;
user4 = false;
user5 = false;
user1 = false;
user7 = false;
}
if(next === 6){
xPos = 720;
user7 = true;
user2 = false;
user3 = false;
user4 = false;
user5 = false;
user6 = false;
user1 = false;
}
ctx.font = '50pt CollegiateHeavyOutline';
ctx.fillStyle = 'red'
drawthings(court, ball.link1, 0, 0, 1000, 600);
drawthings(square, 'http://upload.wikimedia.org/wikipedia/commons/d/dd/Square_-_black_simple.svg', xPos, 140, 250, 250);
drawthings(text1, 'https://mail.google.com/mail/u/0/?ui=2&ik=cd333fba16&view=fimg&th=14c906ff12ad82a5&attid=0.1&disp=emb&realattid=ii_14c906ff12ad82a5&attbid=ANGjdJ-1DwZ6J58mJLQof0nmUgJS1da15XSXAoTSfv7QW_TjtQcwdwLQIDF7YjLhI6_OLhYAziLv-W-kXJci5wAla8XmJx9rCU2AUwGkdV6826CqSJb7CdwJlEEHGWM&sz=s0-l75&ats=1428352398275&rm=14c906ff12ad82a5&zw', 0, 0, 1000, 600);
drawthings(durant, 'https://daks2k3a4ib2z.cloudfront.net/54b6b8fbf7e59176037ac6cb/54cf0f3c7354ae6e4eedd36e_durant-head.png', 50, 200, 100, 120);
drawthings(kobe, 'http://i1233.photobucket.com/albums/ff390/ShaneDawg021/kobescowl.png', 440 + 120, 200, 90, 110);
drawthings(rose, player.link, 430, 200, player.width, player.height);
drawthings(lebron, enemy.link, 300, 200, enemy.width, enemy.height);
drawthings(shaq, 'http://files.gamebanana.com/img/ico/sprays/shaq_copy.png', 670, 200, 120, player.height);
drawthings(wade, 'http://i.imgur.com/i3Nfros.png', 810, 200, enemy.width - 10, enemy.height - 20);
drawthings(wade, 'http://cdn2.sbnation.com/imported_assets/1492581/andrehead.png', 180, 200, 90, 120);
if(keyState[32]){level1=true;choosePlayer=false;}
}
if (level1 === true){
if (0 >= player.y){
player.y = 0;
}
drawthings(court, ball.link1, 0, 0, 1000, 600);
drawthings(hoop, ball.link2, 387, 20, 220, 150);
drawlives();
if(user1 === true){
drawthings(durant, 'https://daks2k3a4ib2z.cloudfront.net/54b6b8fbf7e59176037ac6cb/54cf0f3c7354ae6e4eedd36e_durant-head.png', player.x, player.y, player.width, player.height);
}
if(user2 === true){
drawthings(wade, 'http://cdn2.sbnation.com/imported_assets/1492581/andrehead.png', player.x, player.y, player.width, player.height);
}
if(user3 === true){
drawthings(lebron, enemy.link, player.x, player.y, player.width, player.height);
}
if(user4 === true){
drawthings(rose, player.link, player.x, player.y, player.width, player.height);
}
if(user5 === true){
drawthings(kobe, 'http://i1233.photobucket.com/albums/ff390/ShaneDawg021/kobescowl.png', player.x, player.y, player.width, player.height);
}
if(user6 === true){
drawthings(shaq, 'http://files.gamebanana.com/img/ico/sprays/shaq_copy.png', player.x, player.y, player.width + 20, player.height);
}
if(user7 === true){
drawthings(wade, 'http://i.imgur.com/i3Nfros.png', player.x, player.y, player.width, player.height);
}
To play Headball Hoops, go to and enter the following code:
drawthings(lebron, enemy.link, enemy.x, enemy.y, enemy.width, enemy.height);
drawthings(bball, ball.link3, player.x + 60, player.y + 50, 80, 80);
if (0 >= player.x){
player.x = 0;
}
if (1000 <= player.x + 130){
player.x = 870;
}
if (600 <= player.y + 130){
player.y = 470;
}
enemy.x += enemy.speed;
if (1000 < enemy.x + 100 || 0 > enemy.x){
enemy.speed = -enemy.speed;
}
var testCollisionRectRect = function(ax, ay, aw, ah, bx, by, bw, bh){
return ax < bx+bw && ay < by+bh && bx < ax+aw && by < ay+ah
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, enemy.x, enemy.y, enemy.width, enemy.height)){
lives = lives - 1;
player.x = 450;
player.y = 450;
keyState = {};
if (lives === 0){
player.x = 450;
player.y = 450;
enemy.y = 290;
alert("Game Over!")
choosePlayer = true;
level1 = false;
}
}
if (keyState[rightarrow]){
player.x+=player.speed;
}
if (keyState[uparrow]){
player.y-=player.speed;
}
if (keyState[downarrow]){
player.y+=player.speed;
}
if (keyState[leftarrow]){
player.x-=player.speed;
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, 387, 20, 220, 150)){
level1 = false;
mid1 = true;
player.x = 450;
player.y = 450;
player.speed = 0;
keyState = {};
}
}
player.speed = 12;
if(mid1 === true){
drawthings(court, ball.link1, 0, 0, 1000, 600);
drawthings(square, 'http://upload.wikimedia.org/wikipedia/commons/d/dd/Square_-_black_simple.svg', pfm, 390, 410, 220);
if(keyState[rightarrow] && v === true){
pro = pro + 1;
keyState = {};
}
if(keyState[leftarrow] && v === true){
pro = pro - 1;
keyState = {};
}
if(pro === 0){
pfm = 550;
}
if(pro === -1){
pfm = 300;
}
if(pro === -2){
pfm = 100;
}
if(pro === -1 && keyState[32]){choosePlayer=true;mid1=false;keyState={};}
if(pro === 0 && keyState[32]){level2 = true; mid1 = false;}
}
if (level2 === true){
if (0 >= player.y){
player.y = 0;
}
drawthings(court, ball.link1, 0, 0, 1000, 600);
drawthings(hoop, ball.link2, 387, 20, 220, 150);
drawlives();
if(user1 === true){
drawthings(durant, 'https://daks2k3a4ib2z.cloudfront.net/54b6b8fbf7e59176037ac6cb/54cf0f3c7354ae6e4eedd36e_durant-head.png', player.x, player.y, player.width, player.height);
}
if(user2 === true){
drawthings(wade, 'http://cdn2.sbnation.com/imported_assets/1492581/andrehead.png', player.x, player.y, player.width, player.height);
}
if(user3 === true){
drawthings(lebron, enemy.link, player.x, player.y, player.width, player.height);
}
if(user4 === true){
drawthings(rose, player.link, player.x, player.y, player.width, player.height);
}
if(user5 === true){
drawthings(kobe, 'http://i1233.photobucket.com/albums/ff390/ShaneDawg021/kobescowl.png', player.x, player.y, player.width, player.height);
}
if(user6 === true){
drawthings(shaq, 'http://files.gamebanana.com/img/ico/sprays/shaq_copy.png', player.x, player.y, player.width + 20, player.height);
}
if(user7 === true){
drawthings(wade, 'http://i.imgur.com/i3Nfros.png', player.x, player.y, player.width, player.height);
}
drawthings(lebron, enemy.link, enemy.x, enemy.y, enemy.width, enemy.height);
drawthings(bball, ball.link3, player.x + 60, player.y + 50, 80, 80);
enemy.x += enemy.speed2;
if (1000 < enemy.x + 100 || 0 > enemy.x){
enemy.speed2 = -enemy.speed2;
}
if (0 >= player.x){
player.x = 0;
}
if (1000 <= player.x + 130){
player.x = 870;
}
if (600 <= player.y + 130){
player.y = 470;
}
var testCollisionRectRect = function(ax, ay, aw, ah, bx, by, bw, bh){
return ax < bx+bw && ay < by+bh && bx < ax+aw && by < ay+ah
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, enemy.x, enemy.y, enemy.width, enemy.height)){
player.x = 450;
player.y = 450;
keyState = {};
lives = lives - 1;
if (lives === 0){
player.x = 450;
player.y = 450;
enemy.y = 290;
alert("Game Over!")
choosePlayer = true;
level2 = false;
}
}
if (keyState[rightarrow]){
player.x+=player.speed;
}
if (keyState[uparrow]){
player.y-=player.speed;
}
if (keyState[downarrow]){
player.y+=player.speed;
}
if (keyState[leftarrow]){
player.x-=player.speed;
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, 387, 20, 220, 150)){
level2 = false;
mid2 = true;
player.x = 30;
player.y = 230;
keyState = {};
}
}
player.speed = 12;
if(mid2 === true){
drawthings(court, ball.link1, 0, 0, 1000, 600);
drawthings(square, 'http://upload.wikimedia.org/wikipedia/commons/d/dd/Square_-_black_simple.svg', pfm, 390, 410, 220);
if(keyState[rightarrow] && v === true){
pro = pro + 1;
keyState = {};
}
if(keyState[leftarrow] && v === true){
pro = pro - 1;
keyState = {};
}
if(pro === 0){
pfm = 550;
}
if(pro === -1){
pfm = 300;
}
if(pro === -2){
pfm = 100;
}
if(pro === -1 && keyState[32]){choosePlayer=true;mid2=false;keyState={};}
if(pro === 0 && keyState[32]){level3 = true; mid2 = false;}
}
if (level3 === true){
drawthings(court, ball.link1, 0, 0, 1000, 600);
drawthings(hoop, ball.link2, 760, 230, 220, 150);
drawlives();
drawthings(healthp, 'https://s3-us-west-1.amazonaws.com/tryinteract-uploads/9/2485/logo-RJrXBym7onXV2se.png', pup.h, 20, 100, 100);
drawthings(barrier, 'http://www.movitbarricade.com/files/2012/03/barrier1.png', 5, 150, 250, 100);
if(user1 === true){
drawthings(durant, 'https://daks2k3a4ib2z.cloudfront.net/54b6b8fbf7e59176037ac6cb/54cf0f3c7354ae6e4eedd36e_durant-head.png', player.x, player.y, player.width, player.height);
}
if(user2 === true){
drawthings(wade, 'http://cdn2.sbnation.com/imported_assets/1492581/andrehead.png', player.x, player.y, player.width, player.height);
}
if(user3 === true){
drawthings(lebron, enemy.link, player.x, player.y, player.width, player.height);
}
if(user4 === true){
drawthings(rose, player.link, player.x, player.y, player.width, player.height);
}
if(user5 === true){
drawthings(kobe, 'http://i1233.photobucket.com/albums/ff390/ShaneDawg021/kobescowl.png', player.x, player.y, player.width, player.height);
}
if(user6 === true){
drawthings(shaq, 'http://files.gamebanana.com/img/ico/sprays/shaq_copy.png', player.x, player.y, player.width + 20, player.height);
}
if(user7 === true){
drawthings(wade, 'http://i.imgur.com/i3Nfros.png', player.x, player.y, player.width, player.height);
}
drawthings(lebron, enemy.link, enemy.x, enemy.y, enemy.width, enemy.height);
drawthings(bball, ball.link3, player.x + 60, player.y + 50, 80, 80);
drawthings(wade, 'http://i.imgur.com/i3Nfros.png', enemy.x + 330, enemy.wade - 100, enemy.width - 10, enemy.height - 20);
enemy.x = 250;
enemy.wade -= enemy.wades;
enemy.y += enemy.speed4;
if (600 < enemy.y + 100 || 0 > enemy.y){
enemy.speed4 = -enemy.speed4;
}
if (600 < enemy.wade || 100 >= enemy.wade){
enemy.wades = -enemy.wades;
}
if (player.x + 100 < enemy.x && player.y <= 220 && player.y + 100 >= 219){
player.y = 220;
}
if (player.x + 100 < enemy.x && player.y + 100 >= 150 && player.y + 100 <= 200){
player.y = 50;
}
if (0 >= player.x){
player.x = 0;
}
if (0 >= player.y){
player.y = 0;
}
if (1000 <= player.x + 130){
player.x = 870;
}
if (600 <= player.y + 130){
player.y = 470;
}
var testCollisionRectRect = function(ax, ay, aw, ah, bx, by, bw, bh){
return ax < bx+bw && ay < by+bh && bx < ax+aw && by < ay+ah
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, enemy.x, enemy.y, enemy.width, enemy.height)){
player.x = 30;
player.y = 230;
keyState = {};
lives = lives - 1;
pup.h = 80;
if (lives === 0){
player.x = 450;
player.y = 450;
enemy.y = 290;
alert("Game Over!")
choosePlayer = true;
level3 = false;
}
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, pup.h, 20, 100, 100)){
PH = true;
pup.h = 20000;
lives = lives + 1;
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, enemy.x + 330, enemy.wade - 100, enemy.width - 10, enemy.height - 20)){
player.x = 30;
player.y = 230;
keyState = {};
lives = lives - 1;
pup.h = 80;
if (lives === 0){
player.x = 450;
player.y = 450;
enemy.y = 290;
alert("Game Over!")
choosePlayer = true;
level3 = false;
}
}
if (keyState[rightarrow]){
player.x+=player.speed;
}
if (keyState[uparrow]){
player.y-=player.speed;
}
if (keyState[downarrow]){
player.y+=player.speed;
}
if (keyState[leftarrow]){
player.x-=player.speed;
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, 760, 230, 220, 150)){
level3 = false;
mid3 = true;
player.x = 20;
player.y = 20;
keyState = {};
enemy.x = 440;
enemy.wade = 290;
}
}
if(mid3 === true){
drawthings(court, ball.link1, 0, 0, 1000, 600);
drawthings(square, 'http://upload.wikimedia.org/wikipedia/commons/d/dd/Square_-_black_simple.svg', pfm, 390, 410, 220);
if(keyState[rightarrow] && v === true){
pro = pro + 1;
keyState = {};
}
if(keyState[leftarrow] && v === true){
pro = pro - 1;
keyState = {};
}
if(pro === 0){
pfm = 550;
}
if(pro === -1){
pfm = 300;
}
if(pro === -2){
pfm = 100;
}
if(pro === -1 && keyState[32]){choosePlayer=true;mid3=false;keyState={};}
if(pro === 0 && keyState[32]){level4 = true; mid3 = false;}
}
if (level4 === true){
drawthings(court, ball.link1, 0, 0, 1000, 600);
drawthings(hoop, ball.link2, 760, 430, 220, 150);
drawlives();
drawthings(kobe, 'http://i1233.photobucket.com/albums/ff390/ShaneDawg021/kobescowl.png', enemy.x + 120, enemy.kobe, 90, 110);
if (pup.a === true){
player.speed = 20;
drawthings(power, 'http://www.clker.com/cliparts/g/p/S/V/L/0/fire-ball-icon-hi.png', player.x + 10, player.y - 30, 100, 130);
}
drawthings(stop, 'http://upload.wikimedia.org/wikipedia/commons/2/2a/Stop_sign.svg', 650, 440, 100, 100);
if(user1 === true){
drawthings(durant, 'https://daks2k3a4ib2z.cloudfront.net/54b6b8fbf7e59176037ac6cb/54cf0f3c7354ae6e4eedd36e_durant-head.png', player.x, player.y, player.width, player.height);
}
if(user2 === true){
drawthings(wade, 'http://cdn2.sbnation.com/imported_assets/1492581/andrehead.png', player.x, player.y, player.width, player.height);
}
if(user3 === true){
drawthings(lebron, enemy.link, player.x, player.y, player.width, player.height);
}
if(user4 === true){
drawthings(rose, player.link, player.x, player.y, player.width, player.height);
}
if(user5 === true){
drawthings(kobe, 'http://i1233.photobucket.com/albums/ff390/ShaneDawg021/kobescowl.png', player.x, player.y, player.width, player.height);
}
if(user6 === true){
drawthings(shaq, 'http://files.gamebanana.com/img/ico/sprays/shaq_copy.png', player.x, player.y, player.width + 20, player.height);
}
if(user7 === true){
drawthings(wade, 'http://i.imgur.com/i3Nfros.png', player.x, player.y, player.width, player.height);
}
drawthings(lebron, enemy.link, enemy.x - 200, enemy.y, enemy.width, enemy.height);
drawthings(bball, ball.link3, player.x + 60, player.y + 50, 80, 80);
drawthings(wade, 'http://i.imgur.com/i3Nfros.png', enemy.wadeX, enemy.wade - 70, enemy.width - 10, enemy.height - 20);
drawthings(speed, 'https://lh4.ggpht.com/Lwf9RXk8rLb4uekA5zMp7_K0JMKXrQ3LiyFlO6Xm4DpXaC_8SNAcIxiDWb8ZPjo-N2en=w300', pup.x, pup.y, 100, 100);
enemy.y += enemy.speed3;
enemy.wadeX += enemy.wadeS;
enemy.kobe += enemy.kobeS;
if (600 <= enemy.y + 100 || 0 > enemy.y){
enemy.speed3 = -enemy.speed3;
}
if (player.x + 100 >= 650 && player.y > 350){
player.x = 550;
}
if (1000 <= enemy.wadeX + 90 || 0 > enemy.wadeX){
enemy.wadeS = -enemy.wadeS;
}
if (600 <= enemy.kobe + 100 || 0 > enemy.kobe){
enemy.kobeS = -enemy.kobeS;
}
if (keyState[rightarrow]){
player.x+=player.speed;
}
if (keyState[uparrow]){
player.y-=player.speed;
}
if (keyState[downarrow]){
player.y+=player.speed;
}
if (keyState[leftarrow]){
player.x-=player.speed;
}
if (0 >= player.x){
player.x = 0;
}
if (0 >= player.y){
player.y = 0;
}
if (1000 <= player.x + 130){
player.x = 870;
}
if (600 <= player.y + 130){
player.y = 470;
}
var testCollisionRectRect = function(ax, ay, aw, ah, bx, by, bw, bh){
return ax < bx+bw && ay < by+bh && bx < ax+aw && by < ay+ah
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, pup.x, pup.y, 100, 100)){
pup.x = 2000;
pup.a = true;
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, enemy.x - 200, enemy.y, enemy.width, enemy.height)){
player.x = 20;
player.y = 20;
keyState = {};
pup.x = 30;
pup.a = false;
lives = lives - 1;
if (lives === 0){
player.x = 450;
player.y = 450;
enemy.y = 290;
alert("Game Over!")
choosePlayer = true;
level1 = false;
}
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, enemy.wadeX, enemy.wade - 70, enemy.width - 10, enemy.height - 20)){
player.x = 20;
player.y = 20;
keyState = {};
pup.x = 30;
pup.a = false;
lives = lives - 1;
if (lives === 0){
player.x = 450;
player.y = 450;
enemy.y = 290;
alert("Game Over!")
choosePlayer = true;
level4 = false;
}
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, enemy.x + 120, enemy.kobe, 90, 110)){
player.x = 20;
player.y = 20;
keyState = {};
pup.x = 30;
pup.a = false;
lives = lives - 1;
if (lives === 0){
player.x = 450;
player.y = 450;
enemy.y = 290;
alert("Game Over!")
choosePlayer = true;
level4 = false;
}
}
if (testCollisionRectRect(player.x, player.y, player.width - 20, player.height, 760, 430, 220, 150)){
player.x = 450;
player.y = 450;
enemy.y = 290;
level4 = false;
choosePlayer = true;
}
}
}
var update = function(){
updateObjs();
}
update();
setInterval(update, 20);
</script>
</body>
</html>
