diff --git a/.gitignore b/.gitignore index ced65f2..5d70632 100644 --- a/.gitignore +++ b/.gitignore @@ -81,3 +81,6 @@ atlassian-ide-plugin.xml com_crashlytics_export_strings.xml crashlytics.properties crashlytics-build.properties + + +.sass-cache/* diff --git a/.sass-cache/36d9d69d52d2e2683c89ae2b22bd361b2b44e7b4/style.scssc b/.sass-cache/36d9d69d52d2e2683c89ae2b22bd361b2b44e7b4/style.scssc new file mode 100644 index 0000000..05435c0 Binary files /dev/null and b/.sass-cache/36d9d69d52d2e2683c89ae2b22bd361b2b44e7b4/style.scssc differ diff --git a/css/AbrilFatface-Regular.otf b/css/AbrilFatface-Regular.otf new file mode 100755 index 0000000..af5e20a Binary files /dev/null and b/css/AbrilFatface-Regular.otf differ diff --git a/css/style.css b/css/style.css index 2b43459..1e33505 100644 --- a/css/style.css +++ b/css/style.css @@ -356,25 +356,50 @@ td, th { padding: 0; } -#main-container { +@font-face { + font-family: Abril Fatface; + src: url(AbrilFatface-Regular.otf); } +body { + font-family: 'Abril Fatface', cursive; } + +.width90 { + width: 90%; + margin: 0 auto; } + +#game-container { width: 100%; } #canvasContainer { - margin: 0 auto; - width: 960px; + position: relative; + margin: 0 auto 0px auto; + width: 1000px; height: 100%; } -#playField { - color: #79ff85; - background: url("../images/pixelBG2.jpg"); } - #gameInfoContainer { margin: 0 auto; - max-width: 960px; - width: 90%; } + max-width: 1000px; + width: 100%; } + +.space { + width: 100%; + height: 5px; } .col_3 { - width: 32%; + width: 33%; + margin: 0 auto; + display: inline-block; + vertical-align: top; } + +.center { + display: flex; + justify-content: center; + align-items: center; + width: 210px; + margin: 0 auto; + text-align: center; } + +.col_12 { + width: 100%; margin: 0 auto; display: inline-block; } @@ -386,15 +411,276 @@ th { height: 50px; width: 200px; text-align: center; - color: #34495E; - border: 1px solid #34495E; } + color: white; + border: 1px solid white; + margin: 0 auto; } -.button:hover { - background-color: #46627f; +.gameOverButton { + transition: all 0.3s ease; + display: flex; + justify-content: center; + align-items: center; + height: 50px; + width: 200px; + text-align: center; color: white; + border: 1px solid white; + margin: 0 auto; } + +.gameOverButton:hover { + background-color: white; + color: #E74C3C; cursor: pointer; } +.button:hover { + background-color: white; + color: #1BBC9B; + cursor: pointer; } + +#startGame:hover { + color: #1BBC9B; } + +.gameOver:hover { + color: #E74C3C; } + .button:active { - background-color: #34495E; } + background-color: #e6e6e6; } + +.health-bar-container { + width: 100%; + border: 1px solid #1BBC9B; + height: 25px; } + +#health-bar { + background-color: #E74C3C; + height: 25px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; } + +.smoothTrans { + transition: all 1s ease; } + +.left-corner { + position: absolute; + top: 20px; + left: 160px; + display: none; } + +.info { + display: inline-block; + font-size: 30px; + margin: 0; } + +#nextLevel { + display: none; } + +#infoContainer { + position: absolute; + width: 800px; + height: 450px; + top: 30px; + left: 100px; + display: none; + border-radius: 10px; } + +p { + margin: 20px; + margin: 20px; + font-size: 22px; + color: #fff; + text-align: center; + padding: 0; } + +.header { + font-size: 35px; } + +#shotImage { + display: none; } + +#specialAmmoSelectColor { + color: #1BBC9B; } + +#specialAmmoSelect, #ammoSelect, #timerContainer { + height: 60px; } + +.greenText { + font-size: 30px; + color: #1BBC9B; } + +/* ALLTING MED HIGHSCORE*/ +#highscoreSignUpContainer { + display: none; + position: absolute; + width: 800px; + height: 500px; + border-radius: 10px; + background-color: #1BBC9B; } + +#submitButton { + position: absolute; + bottom: 15px; + left: 0; + right: 0; + transition: all 0.3s ease; + height: 50px; + width: 300px; + text-align: center; + background-color: #1BBC9B; + color: white; + border: 1px solid white; + margin: 0 auto; } + +#submitButton:hover { + background-color: white; + color: #1BBC9B; } + +.input { + font-size: 20px; + outline: 0; + display: block; + margin: 5px auto 25px auto; + text-align: center; + width: 300px; + height: 40px; + left: 0; + right: 0; } + +.errorMessage { + color: #E74C3C; + font-size: 16px; + background-color: white; + width: 288px; + margin: 10px auto; + padding: 8px; } + +.successMessage { + color: #1BBC9B; + font-size: 16px; + background-color: white; + width: 288px; + margin: 10px auto; + padding: 8px; } + +.link { + text-align: center; + margin: 0 auto; } + +.link a { + transition: all 0.3s ease; + font-size: 18px; + text-decoration: none; + color: white; } + +.link a:hover { + text-decoration: underline; + color: #E74C3C; } + +.highScoreBody { + background-color: #1BBC9B; } + +#highScoreTable { + width: 1160px; + margin: 30px auto 0 auto; } + +table { + background-color: #1BBC9B; + color: white; + font-size: 20px; + width: 100%; } + +thead { + font-size: 28px; } + +th, td { + border-bottom: 1px solid white; + text-align: center; + width: 200px; } + +.align-left { + text-align: left; } + +tr { + height: 50px; } + +/* Allting med INTROT!!! */ +#intro-container { + width: 960px; + height: 640px; + margin: -10px auto; + background-color: #1BBC9B; + color: #f9f9f9; + text-align: center; + position: relative; } + +#animate1, #animate2, #animate3 { + display: none; } + +#startGame { + position: absolute; + bottom: 20px; + left: 0; + right: 0; } + +.portrait { + height: 150px; + width: 150px; + border-radius: 75px; + background-color: red; + display: inline-block; + margin: 0 40px; } + +.portfolioLink { + width: 170px; + display: inline-block; + margin: 0 30px; } + +.portfolioLink a { + text-decoration: none; + color: white; + transition: all 0.3s ease; } + +.portfolioLink a:hover { + color: #E74C3C; } + +#villeFace { + background: url("../images/ville.jpg") center center; + background-size: cover; } + +#fredrikFace { + background: url("../images/fredrik.jpg") center center; + background-size: cover; } + +#guyFace { + background: url("../images/guy.jpg") center center; + background-size: cover; } + +#linktoHighscore { + position: absolute; + bottom: 10px; + right: 20px; } + +#linktoHighscore a { + transition: all 0.3s ease; + font-size: 18px; + text-decoration: none; + color: white; } + +#linktoHighscore a:hover { + text-decoration: underline; + color: #E74C3C; } + +.introText { + letter-spacing: 1px; + text-align: left; + font-size: 15px; } + +.red { + font-size: 22px; + color: #363636; } + +#animate3 { + margin-top: -35px; } /*# sourceMappingURL=style.css.map */ diff --git a/css/style.css.map b/css/style.css.map index 8559b2b..babd056 100644 --- a/css/style.css.map +++ b/css/style.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "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", "sources": ["normalize.scss","style.scss"], "names": [], "file": "style.css" diff --git a/css/style.scss b/css/style.scss index cffd016..a08c532 100644 --- a/css/style.scss +++ b/css/style.scss @@ -1,59 +1,417 @@ @import "normalize.scss"; - $darkBlue: #34495E; +$red: #E74C3C; +$offWhite: #f9f9f9; +@font-face { + font-family: Abril Fatface; + src: url(AbrilFatface-Regular.otf); +}; +body{ + font-family: 'Abril Fatface', cursive; + // background-color: $offWhite; + // background-color: #E74C3C; // +} +.width90 +{ + width: 90%; + margin: 0 auto; +} - -#main-container +$green: #1BBC9B; +#game-container { width: 100%; } #canvasContainer { - margin: 0 auto; - width: 960px; + position: relative; + margin: 0 auto 0px auto; + width: 1000px; height: 100%; } #playField { - //background-color: #ff545d; - color: #79ff85; - background:url("../images/pixelBG2.jpg") - - } #gameInfoContainer { margin: 0 auto; - max-width: 960px; - width: 90%; - // background-color: blue; + max-width: 1000px; + width: 100%; +} +.space +{ + width: 100%; + height: 5px; } .col_3 { - width: 32%; + width: 33%; margin: 0 auto; display: inline-block; - + vertical-align: top; + // background-color: blue; } +.center +{ + display:flex;justify-content:center;align-items:center; + width: 210px; + margin: 0 auto; + text-align: center; + // background-color: red; +} + + +.col_12 +{ + width: 100%; + margin: 0 auto; + display: inline-block; +} .button { transition: all 0.3s ease; - display: flex; - justify-content: center; + display:flex; + justify-content:center; align-items:center; height: 50px; width: 200px; text-align: center; - color: $darkBlue; - border: 1px solid $darkBlue; + color: white; + border: 1px solid white; + margin: 0 auto; } -.button:hover +.gameOverButton { - background-color: lighten($darkBlue,10%); + transition: all 0.3s ease; + display:flex; + justify-content:center; + align-items:center; + height: 50px; + width: 200px; + text-align: center; color: white; + border: 1px solid white; + margin: 0 auto; +} +.gameOverButton:hover +{ + background-color: white; // gejh + color: $red; + cursor: pointer; +} + + +.button:hover +{ + background-color: white; // gejh + color: $green; cursor: pointer; } +#startGame:hover +{ + + color: $green; +} +.gameOver:hover +{ + color: $red; +} + + .button:active{ - background-color: $darkBlue; + background-color:darken(white,10%); +} +.health-bar-container{ + width: 100%; + border: 1px solid $green; + height: 25px; +} +#health-bar{ + background-color: $red; + height: 25px; + text-align: center; + display:flex; + justify-content:center; + align-items:center; +} +.smoothTrans +{ + transition: all 1s ease; +} +.left-corner{ + position: absolute; + top: 20px; + left: 160px; + display: none; +} +.info{ + display: inline-block; + //color: $green; + font-size: 30px; + margin: 0; +} +#nextLevel{ + display: none; +} +#infoContainer{ + position: absolute; + width: 800px; + height: 450px; + top: 30px; + left: 100px; + display: none; + border-radius: 10px; +} + +p{ + margin: 20px; + margin: 20px; + font-size: 22px; + color: #fff; + text-align: center; // + padding: 0; +} +.header +{ + font-size: 35px; +} +#shotImage{ + display: none; +} +#specialAmmoSelectColor +{ + color: $green; +} +#specialAmmoSelect, #ammoSelect,#timerContainer +{ + height: 60px; +} +.greenText +{ + font-size: 30px; + color: $green; +} + +/* ALLTING MED HIGHSCORE*/ + +#highscoreSignUpContainer +{ + display: none; + position: absolute; + width: 800px; + height: 500px; + //top: 30px; + // left: 100px; + border-radius: 10px; + background-color: $green; + +} +#submitButton +{ + position: absolute; + bottom: 15px; + left: 0; + right:0; + transition: all 0.3s ease; + height: 50px; + width: 300px; + text-align: center; + background-color: $green; + color: white; + border: 1px solid white; + margin: 0 auto; +} +#submitButton:hover +{ + background-color: white; + color: $green; +} +.input +{ + font-size: 20px; + outline: 0; + display:block; + margin: 5px auto 25px auto; + text-align: center; + width: 300px; + height: 40px; + left: 0; + right: 0; +} +.errorMessage +{ + color: $red; + font-size: 16px; + background-color: white; + width: 288px; + margin: 10px auto; + padding: 8px; +} +.successMessage +{ + color: $green; + font-size: 16px; + background-color: white; + width: 288px; + margin: 10px auto; + padding: 8px; +} +.link +{ + text-align: center; + margin: 0 auto; +} +.link a +{ + transition: all 0.3s ease; + font-size: 18px; + text-decoration: none; + color: white; +} +.link a:hover +{ + text-decoration: underline; + color: $red; +} +.highScoreBody +{ + background-color: $green; + +} + +#highScoreTable +{ + // margin-top: 30px; + width: 1160px; + margin: 30px auto 0 auto; +} +table +{ + background-color: $green; + color: white; + font-size: 20px; + width: 100%; +} +thead +{ + font-size: 28px; +} +th, td { + border-bottom: 1px solid white; + text-align: center; + width: 200px; +} +.align-left +{ + text-align: left; +} +tr +{ + height: 50px; +} + + + +/* Allting med INTROT!!! */ + + + + +#intro-container +{ + width: 960px; + height: 640px; + margin: -10px auto; + background-color: $green; + color: $offWhite; + text-align: center; + position: relative; + +} +#animate1, #animate2,#animate3 +{ + display: none; +} +#startGame +{ + position: absolute; + bottom: 20px; + left: 0; + right: 0; +} +.portrait +{ + height: 150px; + width: 150px; + border-radius: 75px; + background-color: red; + display: inline-block; + margin: 0 40px; +} +.portfolioLink +{ + width: 170px; + display: inline-block; + margin: 0 30px; +} +.portfolioLink a{ + text-decoration: none; + color:white; + transition: all 0.3s ease; +} +.portfolioLink a:hover +{ + color: $red; +} +#villeFace +{ + background: url("../images/ville.jpg")center center; + background-size: cover; +} +#fredrikFace +{ + background: url("../images/fredrik.jpg") center center; + background-size: cover; +} +#guyFace +{ + background: url("../images/guy.jpg") center center; + background-size: cover; +} +#linktoHighscore +{ + position: absolute; + bottom: 10px; + right: 20px; + +} + +#linktoHighscore a +{ + transition: all 0.3s ease; + font-size: 18px; + text-decoration: none; + color: white; +} +#linktoHighscore a:hover +{ + text-decoration: underline; + color: $red; +} +.introText +{ + letter-spacing: 1px; + // font-family: sans-serif; + text-align: left; + font-size: 15px; +} +.red +{ + font-size: 22px; + color: #363636; +} +#animate3 +{ + margin-top: -35px; } \ No newline at end of file diff --git a/dbconnect.php b/dbconnect.php new file mode 100644 index 0000000..5e292f5 --- /dev/null +++ b/dbconnect.php @@ -0,0 +1,19 @@ + PDO::ERRMODE_EXCEPTION, + // an SQL command to execute when connecting + PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES 'UTF8'" +); +$db = new PDO(DSN, USER, PASS, $opt); +?> \ No newline at end of file diff --git a/game.html b/game.html new file mode 100644 index 0000000..b1dccc7 --- /dev/null +++ b/game.html @@ -0,0 +1,122 @@ + + + + + Ballchaser! + + + + + +
+

Welcome to Ballchaser!

+
+

The rules are simple

+

Lorem Ipsum är en utfyllnadstext från tryck- och förlagsindustrin. Lorem ipsum har varit standard ända sedan 1500-talet, + när en okänd boksättare tog att antal bokstäver och blandade dem för att göra ett provexemplar av en bok. + samband med lanseringen av Letraset-ark med avsnitt av Lorem Ipsum, och senare med mjukvaror som Aldus PageMaker.

+

Lorem Ipsum är en utfyllnadstext från tryck- och förlagsindustrin. Lorem ipsum har varit standard ända sedan 1500-talet, +

+ +
Start game
+
+
+
+
+ + + +
+
+

+

LEVEL: 1

+

Accuracy: %

+

Total amount of shots fired: 0

+

Pistol shots fired: 0

+

Shotgun shots fired 0

+

Balls destroyed: 0

+
+
+ +
+

You finished the Game!

+

Total amount of shots fired: 0

+

Pistol shots fired: 0

+

Shotgun shots fired 0

+

Balls destroyed: 0

+
+ + + + + + +
+
+
+ + + + +
+ +
+ +
+
+
0
%
+
+
+
+
+ +
+ +
Timer:  0
+
+
+
+
+ +

 X 

+
+ +
+
+
+ +

 X 

+
+
+
+
Bollar i omlopp:
+
Ammunition:
+
Powershots:
+
Hit per level: 0
+
Framecount: 0
+ +
+
+
+ + + + + + + + + + + + + + + diff --git a/highscore.php b/highscore.php new file mode 100644 index 0000000..27e3ef6 --- /dev/null +++ b/highscore.php @@ -0,0 +1,69 @@ + + prepare($query); + $ps->execute(); + } + catch (Exception $e) + { + echo $e->getMessage(); + } + return $ps->fetchAll(PDO::FETCH_ASSOC); +} +?> + + + + + Ballbusters - Highscore + + + + + + +
+ + + +"; + + echo ""; + echo ""; + echo ""; + echo ""; + echo ""; + echo ""; + echo ""; + echo ""; + + $rowCounter++; +} +?> + + +
PlacementPlayer NameAccuracyShots firedShotgunPistolDate
$rowCounter{$highscore['player']}{$highscore['accuracy']} %{$highscore['totalShots']}{$highscore['shotgunShots']}{$highscore['pistolShots']}{$highscore['highscoreDate']}
+ +
+ + + + diff --git a/images/ammo.psd b/images/ammo.psd deleted file mode 100644 index 729d455..0000000 Binary files a/images/ammo.psd and /dev/null differ diff --git a/images/ammo2.png b/images/ammo2.png index 054ec71..9dc3fdb 100644 Binary files a/images/ammo2.png and b/images/ammo2.png differ diff --git a/images/bigBall.png b/images/bigBall.png new file mode 100644 index 0000000..ac05eea Binary files /dev/null and b/images/bigBall.png differ diff --git a/images/bigBall.psd b/images/bigBall.psd new file mode 100644 index 0000000..4ca3a58 Binary files /dev/null and b/images/bigBall.psd differ diff --git a/images/desert.png b/images/desert.png new file mode 100755 index 0000000..f1d760a Binary files /dev/null and b/images/desert.png differ diff --git a/images/fantasy.png b/images/fantasy.png new file mode 100755 index 0000000..5c524ac Binary files /dev/null and b/images/fantasy.png differ diff --git a/images/forest.png b/images/forest.png new file mode 100755 index 0000000..81ab0e8 Binary files /dev/null and b/images/forest.png differ diff --git a/images/fredrik.jpg b/images/fredrik.jpg new file mode 100644 index 0000000..08dede6 Binary files /dev/null and b/images/fredrik.jpg differ diff --git a/images/fredrik.png b/images/fredrik.png new file mode 100644 index 0000000..3f21bba Binary files /dev/null and b/images/fredrik.png differ diff --git a/images/guy.jpg b/images/guy.jpg new file mode 100644 index 0000000..b0ad266 Binary files /dev/null and b/images/guy.jpg differ diff --git a/images/guy.psd b/images/guy.psd new file mode 100644 index 0000000..82a1ad7 Binary files /dev/null and b/images/guy.psd differ diff --git a/images/klocka.png b/images/klocka.png new file mode 100644 index 0000000..a493974 Binary files /dev/null and b/images/klocka.png differ diff --git a/images/klocka.psd b/images/klocka.psd new file mode 100644 index 0000000..568f417 Binary files /dev/null and b/images/klocka.psd differ diff --git a/images/pistol.png b/images/pistol.png new file mode 100644 index 0000000..648e08a Binary files /dev/null and b/images/pistol.png differ diff --git a/images/pistol.psd b/images/pistol.psd new file mode 100644 index 0000000..c90ef2e Binary files /dev/null and b/images/pistol.psd differ diff --git a/images/pixelBG2.jpg b/images/pixelBG2.jpg old mode 100644 new mode 100755 index 44c9984..2e5572f Binary files a/images/pixelBG2.jpg and b/images/pixelBG2.jpg differ diff --git a/images/secialammo.png b/images/secialammo.png new file mode 100644 index 0000000..1757740 Binary files /dev/null and b/images/secialammo.png differ diff --git a/images/secialammo.psd b/images/secialammo.psd new file mode 100644 index 0000000..694f562 Binary files /dev/null and b/images/secialammo.psd differ diff --git a/images/ammo.png b/images/shot.png similarity index 75% rename from images/ammo.png rename to images/shot.png index 7520884..eedb55d 100644 Binary files a/images/ammo.png and b/images/shot.png differ diff --git a/images/shot.psd b/images/shot.psd new file mode 100644 index 0000000..a02cbab Binary files /dev/null and b/images/shot.psd differ diff --git a/images/shot2.png b/images/shot2.png new file mode 100644 index 0000000..61633a6 Binary files /dev/null and b/images/shot2.png differ diff --git a/images/specialShot.png b/images/specialShot.png new file mode 100644 index 0000000..3fd96e7 Binary files /dev/null and b/images/specialShot.png differ diff --git a/images/specialShot.psd b/images/specialShot.psd new file mode 100644 index 0000000..53489a6 Binary files /dev/null and b/images/specialShot.psd differ diff --git a/images/ville.jpg b/images/ville.jpg new file mode 100644 index 0000000..04b9304 Binary files /dev/null and b/images/ville.jpg differ diff --git a/images/villeSprite2.png b/images/villeSprite2.png new file mode 100644 index 0000000..14d99ba Binary files /dev/null and b/images/villeSprite2.png differ diff --git a/images/villeSprite2.psd b/images/villeSprite2.psd new file mode 100644 index 0000000..cb7dbfe Binary files /dev/null and b/images/villeSprite2.psd differ diff --git a/images/villeSprite3.png b/images/villeSprite3.png new file mode 100644 index 0000000..3bddb21 Binary files /dev/null and b/images/villeSprite3.png differ diff --git a/images/villeSprite3.psd b/images/villeSprite3.psd new file mode 100644 index 0000000..65aeb1b Binary files /dev/null and b/images/villeSprite3.psd differ diff --git a/images/villeSprite4.png b/images/villeSprite4.png new file mode 100644 index 0000000..30f9c9a Binary files /dev/null and b/images/villeSprite4.png differ diff --git a/images/villeSprite4.psd b/images/villeSprite4.psd new file mode 100644 index 0000000..01def7c Binary files /dev/null and b/images/villeSprite4.psd differ diff --git a/index.html b/index.html deleted file mode 100644 index 6984e0e..0000000 --- a/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - Game - - - -
-
- -
-
-
-
Starta spel
-
-
-
Bollar i omlopp:
-
Träffsäkerhet: %
-
Skjutna skott: 0
-
Du är på bana: 0
-
-
-
Skotten har träffat bollarna gånger
-
Ammunition:
-
Timer: 0
-
Hälsa: 0
-
-
-
- -
- - - - - - - diff --git a/index.php b/index.php new file mode 100644 index 0000000..9195663 --- /dev/null +++ b/index.php @@ -0,0 +1,157 @@ + +Please write your name

"; + } + else + { + { + try{ + $query = "INSERT INTO highscore(player, accuracy, totalShots, shotgunShots,pistolShots,highscoreDate) "; + $query .= "VALUES (:player, :accuracy, :totalShots, :shotgunShots,:pistolShots, NOW())"; + $ps = $db->prepare($query); + $ps->bindValue("player", $_POST["playerName"]); + $ps->bindValue("accuracy", $_POST["accuracy"]); + $ps->bindValue("totalShots", $_POST["totalShots"]); + $ps->bindValue("shotgunShots", $_POST["shotgunShots"]); + $ps->bindValue("pistolShots", $_POST["pistolShots"]); + if($ps->execute()) + { + $message = "

Your High Score is submitted

"; + } + } + catch (Exception $e) + { + echo $e->getMessage(); + } + } + } +?> + + + + + Ballbuster! + + + + + +
+

Welcome to Ballbuster!

+
+

The rules are simple

+

Balls will be constantly generated every X second. X will be a shorter time span for each level. + Your job is to kill the balls. You will receive two pistol shots every sixth second. + Ammo packs will be generated every Y second where Y increases for each level. + The first health pack will be generated after you´ve taken damage, after that they will be generated after the same principle as the ammo packs. + Keep your eye on the timer because all upgrades will be deleted from the playfield every 10th second. +

+

Use your left and right Arrow keys to move Guy around. Use your up + arrow key to switch between weapons. Fire with the space key.

Good Luck!

+
+ +

A project by:

+
+
+
+ + + + +
+
Start game
+ +
+
+
+
+ + + +
+
+

+

LEVEL: 1

+

Accuracy: %

+

Total amount of shots fired: 0

+

Pistol shots fired: 0

+

Shotgun shots fired 0

+

Balls destroyed: 0

+
+
+ +
+

You finished the Game!

+

Total amount of shots fired: 0

+

Pistol shots fired: 0

+

Shotgun shots fired 0

+

Balls destroyed: 0

+
+ + + + + + + +
+ + +
+
+
+
+
+
+
0
%
+
+
+
+
+
+ +
Timer:  0
+
+
+
+
+ +

 X 

+
+ +
+
+
+ +

 X 

+
+
+
+
Bollar i omlopp:
+
Ammunition:
+
Powershots:
+
Hit per level: 0
+
Framecount: 0
+ +
+
+
+ + + + + + + + + + + + + + + diff --git a/js/dude.png b/js/dude.png deleted file mode 100755 index 6b35f4b..0000000 Binary files a/js/dude.png and /dev/null differ diff --git a/js/gameF.js b/js/gameF.js deleted file mode 100644 index fcf3cab..0000000 --- a/js/gameF.js +++ /dev/null @@ -1,123 +0,0 @@ - - - - -function init() { - - var canvas = document.getElementById('myCanvas').getContext('2d'); - var HEIGHT = 650; - var WIDTH = 800; - var playerX = WIDTH / 2; - var shotList = []; - // intervall som uppdateringsfunktionen körs - setInterval(update,20); - - // Function som rensar canvasen och ritar sedan upp spelarboxen med uppdaterad position - function update(){ - canvas.clearRect(0,0,WIDTH,HEIGHT); - playerPosition(); //updaterar spelaren - drawObjects(player); //ritar ut spelaren - - //uppdaterar skottposition för varje skott i listan - for(var key in shotList){ - animateShots(shotList[key]) - }; - // Ritar ut varje skott i listan - for(var key in shotList){ - drawObjects(shotList[key]) - }; - - } - - // Ritar upp spelarboxen - function playerBox(){ - canvas.fillStyle = "purple"; - canvas.fillRect(playerX,550,50,50); - } - - var player = { - x: playerX, - y: 550, - width: 50, - height: 50, - color: "purple", - left: false, - right: false - } - - // Tar emot tangent input och förflyttar spelaren**************************** - document.onkeydown = function(keyPress) { - if(keyPress.keyCode === 37){ - // Move left - player.left = true; - } - if(keyPress.keyCode === 39){ - // Move right - player.right = true; - } - // Shoot - if(keyPress.keyCode === 32){ - generateShot(player.x); - } - } - document.onkeyup = function(keyPress) { - if(keyPress.keyCode === 37){ - // Move left - player.left = false; - } - if(keyPress.keyCode === 39){ - // Move right - player.right = false; - } - } - function playerPosition(){ - if(player.left){ - player.x -=20; //fart på spelaren - } - if(player.right){ - player.x +=20; //fart på spelaren - } - // Spelaren kan inte röra sig utanför spelplane - if(player.x < 0){ - player.x = 0; - } - if(player.x > WIDTH - player.width){ - player.x = WIDTH - player.width; - } - } - - // END ****Tar emot tangent input och förflyttar spelaren**************************** - - // Skapar ett nytt skott och pushar in det i en array - function generateShot(playerX){ - var shot = { - x: playerX + 20, - y: 550, - width: 10, - height: 10, - color: "black" - } - shotList.push(shot); - }; - - // Ritar upp skotten i arrayen - function drawObjects(object){ - canvas.fillStyle = object.color; - canvas.fillRect(object.x,object.y,object.width,object.height); - } - - // Förflyttar skotten i y-axeln och om det går utanför y axeln så tas de bort ur arrayen - function animateShots(object){ - - // Skott som en linje - object.height -=30; - // if(object.height < -900){ - - // // skott som en punkt - object.y -= 20; //fart på skotten - if(object.y < 0){ - shotList.shift(); - } - } - -} diff --git a/js/gameV.js b/js/gameV.js deleted file mode 100644 index ca43ade..0000000 --- a/js/gameV.js +++ /dev/null @@ -1,246 +0,0 @@ -/** - * Created by VilleFalkenmark on 15-09-07. - */ -var playField = document.getElementById("myCanvas").getContext("2d"); -playField.font = '30px Arial'; - -var playfieldHeight = document.getElementById("myCanvas").height; -var playfieldWidth = document.getElementById("myCanvas").width; - -var playerSafetyDistanceY = 300; // Marginalen på Y axeln som bollarna kommer generas ovanför. - -//console.log(playfieldHeight + " är Höjden"); -//console.log(playfieldWidth + " är Bredden"); - -var collisionCounter = document.getElementById("collisionCounter"); -var numberOfCollisions = 0; - -var ballColors = ["#C0392B", "#E4F1FE", "#336E7B", "#4ECDC4", "#3D4A5D", "#26A65B","#79FF85"]; - -document.getElementById("startGame").addEventListener("click", startGame); - -function startGame() { - - function bouncingBall() { - this.ballRadius = Math.ceil((Math.random() * 50) + 10); // - this.PositionValueX = Math.floor(Math.random() * ((playfieldWidth-this.ballRadius*2) - this.ballRadius*2 + 1)) + this.ballRadius*2; - this.PositionValueY = Math.floor(Math.random() * ((playfieldHeight-playerSafetyDistanceY-this.ballRadius*2) - this.ballRadius*2 + 1)) + this.ballRadius*2; - this.speedXAxis = Math.floor((Math.random() * 6) + 1); - this.speedYAxis = Math.floor((Math.random() * 6) + 1); - this.hexColorCode = ballColors[ Math.floor((Math.random() * ballColors.length) + 1)]; - } - var bouncingBalls = {}; - - document.getElementById("moreBalls").addEventListener("click", addBalls); - - console.log(bouncingBalls); - - var i = 0; - function addBalls() - { - bouncingBalls["ball"+i] = new bouncingBall(); - i++; - } - function getDistanceBetweenEntity(entity1,entity2){ //return distance (number) - var vx = entity1.PositionValueX - entity2.PositionValueX; - var vy = entity1.PositionValueY - entity2.PositionValueY; - return Math.sqrt(vx*vx+vy*vy); - } - - function testCollisionEntity(entity1,entity2){ //return if colliding (true/false) - var distance = getDistanceBetweenEntity(entity1,entity2); - return distance < 30; - } - - function updateEntity(ball) { - ball.PositionValueX += ball.speedXAxis; - ball.PositionValueY += ball.speedYAxis; - - playField.beginPath(); - playField.fillStyle = ball.hexColorCode; - playField.arc(ball.PositionValueX, ball.PositionValueY, ball.ballRadius, 0, Math.PI * 2, true); - playField.closePath(); - playField.fill(); - - if (ball.PositionValueX < ball.ballRadius || ball.PositionValueX > playfieldWidth - ball.ballRadius) - { - ball.speedXAxis = -ball.speedXAxis; - } - if (ball.PositionValueY < ball.ballRadius || ball.PositionValueY > playfieldHeight - ball.ballRadius) { - ball.speedYAxis = -ball.speedYAxis; - } - - } - var solidPoint = { - PositionValueY:playfieldHeight/2, - PositionValueX:playfieldWidth/2, - name:'Träffa mig!' - }; - - function drawEntity(something){ - playField.fillText(something.name,something.PositionValueX,something.PositionValueY); - } - - - function update() { - - playField.clearRect(0, 0, playfieldWidth, playfieldHeight); - - drawEntity(solidPoint); - - - for (var key in bouncingBalls) { - updateEntity(bouncingBalls[key]); - - var isColliding = testCollisionEntity(solidPoint,bouncingBalls[key]); - if(isColliding){ - - delete bouncingBalls[key]; // Tar bort bollen som träffar texten! - numberOfCollisions++; - } - } - collisionCounter.innerHTML = numberOfCollisions; - } - //drawEntity(solidPoint); - setInterval(update, 20); - -} - - -/** - * SLUT! - * - * - * FUNGERANDE KODBLOCK NEDAN - */ - - - -/* - var bouncingBalls = {}; - - var ball1 = { - x: 173, - y: 84, - spdX:2, // Hastighet X-axel - spdY: 1, // Hastighet Y-axel - name: "ball1", - radius: 70, - color: "#FFCA36", // Gult - id: "idBall1" - }; - bouncingBalls["idBall1"] = ball1; - var ball2 = { - x: playfieldWidth-73, - y: playfieldHeight-344, - spdX:3, // Hastighet X-axel - spdY: 2, // Hastighet Y-axel - name: "ball2", - radius: 20, - color: "#3D4A5D", // Mörkblått - id: "idBall2" - }; - bouncingBalls["idBall2"] = ball2; - - var ball3 = { - x: playfieldWidth-200, - y: playfieldHeight-100, - spdX:1, // Hastighet X-axel - spdY: 2, // Hastighet Y-axel - name: "ball3", - radius: 55, - color: "#79FF85", // Turkost - id: "idBall3" - }; - bouncingBalls["idBall3"] = ball3; - - - setInterval(update,20); - - function updateEntity(ball){ - ball.x += ball.spdX; - ball.y += ball.spdY; - - playField.beginPath(); - playField.fillStyle=ball.color; - // Draws a circle of radius 20 at the coordinates 100,100 on the canvas - playField.arc(ball.x,ball.y,ball.radius,0,Math.PI*2,true); - playField.closePath(); - playField.fill(); - - if(ball.x < ball.radius || ball.x > playfieldWidth-ball.radius){ - ball.spdX = -ball.spdX; - } - if(ball.y < ball.radius || ball.y > playfieldHeight-ball.radius){ - ball.spdY = -ball.spdY; - } - } - - function update(){ - - playField.clearRect(0,0,playfieldWidth,playfieldHeight); - // updateEntity(enemy); - // updateEntity(enemy2); - // updateEntity(player); - for(var key in bouncingBalls){ - updateEntity(bouncingBalls[key]); - } - } - - */ - - - - - - -/** - * SLUT! - * - * - * FUNGERANDE KODBLOCK NEDAN - */ - - - -/* - * var canvas = document.getElementById("myCanvas"); - - var ballSize = 20; - - - var canvasHeight = canvas.height; - var canvasWidth = canvas.width; - - var playfield; - var x=100; - var y=200; - var dx=5; - var dy=5; - - console.log("canvas är "+canvasHeight+" pixlar hög och "+canvasWidth+" pixlar bred"); - - function init() - { - playfield= myCanvas.getplayfield('2d'); - setInterval(draw,20); // Sätter hastigheten för hur snabbt något ska ritas om - } - - function draw() - { - playfield.clearRect(0,0,canvasWidth,canvasHeight); - playfield.beginPath(); - playfield.fillStyle="#000000"; - // Draws a circle of radius 20 at the coordinates 100,100 on the canvas - playfield.arc(x,y,ballSize,0,Math.PI*2,true); - playfield.closePath(); - playfield.fill(); - // Boundary Logic - if( xcanvasWidth-ballSize) dx=-dx; - if( ycanvasHeight-ballSize) dy=-dy; - x+=dx; - y+=dy; - }*/ - - - diff --git a/js/intro.js b/js/intro.js new file mode 100644 index 0000000..f39d164 --- /dev/null +++ b/js/intro.js @@ -0,0 +1,13 @@ +/** + * Created by VilleFalkenmark on 15-09-18. + */ +$(document).ready(function() { + + $( "#animate1" ).delay( 800 ).fadeIn( 400 ); + $( "#animate2" ).delay( 2000 ).fadeIn( 400 ); + $( "#animate3" ).delay( 3200 ).fadeIn( 400 ); + + + + +}); \ No newline at end of file diff --git a/js/jquery.js b/js/jquery.js new file mode 100644 index 0000000..5627896 --- /dev/null +++ b/js/jquery.js @@ -0,0 +1,4 @@ +/*! jQuery v1.7.2 jquery.com | jquery.org/license */ +(function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cu(a){if(!cj[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ck||(ck=c.createElement("iframe"),ck.frameBorder=ck.width=ck.height=0),b.appendChild(ck);if(!cl||!ck.createElement)cl=(ck.contentWindow||ck.contentDocument).document,cl.write((f.support.boxModel?"":"")+""),cl.close();d=cl.createElement(a),cl.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ck)}cj[a]=e}return cj[a]}function ct(a,b){var c={};f.each(cp.concat.apply([],cp.slice(0,b)),function(){c[this]=a});return c}function cs(){cq=b}function cr(){setTimeout(cs,0);return cq=f.now()}function ci(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ch(){try{return new a.XMLHttpRequest}catch(b){}}function cb(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g0){if(c!=="border")for(;e=0===c})}function S(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function K(){return!0}function J(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?+d:j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=/-([a-z]|[0-9])/ig,w=/^-ms-/,x=function(a,b){return(b+"").toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=m.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7.2",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.add(a);return this},eq:function(a){a=+a;return a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j0)return;A.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").off("ready")}},bindReady:function(){if(!A){A=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a!=null&&a==a.window},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||D.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw new Error(a)},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){if(typeof c!="string"||!c)return null;var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,"ms-").replace(v,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;c
a",d=p.getElementsByTagName("*"),e=p.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=p.getElementsByTagName("input")[0],b={leadingWhitespace:p.firstChild.nodeType===3,tbody:!p.getElementsByTagName("tbody").length,htmlSerialize:!!p.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:p.className!=="t",enctype:!!c.createElement("form").enctype,html5Clone:c.createElement("nav").cloneNode(!0).outerHTML!=="<:nav>",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,pixelMargin:!0},f.boxModel=b.boxModel=c.compatMode==="CSS1Compat",i.checked=!0,b.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,b.optDisabled=!h.disabled;try{delete p.test}catch(r){b.deleteExpando=!1}!p.addEventListener&&p.attachEvent&&p.fireEvent&&(p.attachEvent("onclick",function(){b.noCloneEvent=!1}),p.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),b.radioValue=i.value==="t",i.setAttribute("checked","checked"),i.setAttribute("name","t"),p.appendChild(i),j=c.createDocumentFragment(),j.appendChild(p.lastChild),b.checkClone=j.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=i.checked,j.removeChild(i),j.appendChild(p);if(p.attachEvent)for(n in{submit:1,change:1,focusin:1})m="on"+n,o=m in p,o||(p.setAttribute(m,"return;"),o=typeof p[m]=="function"),b[n+"Bubbles"]=o;j.removeChild(p),j=g=h=p=i=null,f(function(){var d,e,g,h,i,j,l,m,n,q,r,s,t,u=c.getElementsByTagName("body")[0];!u||(m=1,t="padding:0;margin:0;border:",r="position:absolute;top:0;left:0;width:1px;height:1px;",s=t+"0;visibility:hidden;",n="style='"+r+t+"5px solid #000;",q="
"+""+"
",d=c.createElement("div"),d.style.cssText=s+"width:0;height:0;position:static;top:0;margin-top:"+m+"px",u.insertBefore(d,u.firstChild),p=c.createElement("div"),d.appendChild(p),p.innerHTML="
t
",k=p.getElementsByTagName("td"),o=k[0].offsetHeight===0,k[0].style.display="",k[1].style.display="none",b.reliableHiddenOffsets=o&&k[0].offsetHeight===0,a.getComputedStyle&&(p.innerHTML="",l=c.createElement("div"),l.style.width="0",l.style.marginRight="0",p.style.width="2px",p.appendChild(l),b.reliableMarginRight=(parseInt((a.getComputedStyle(l,null)||{marginRight:0}).marginRight,10)||0)===0),typeof p.style.zoom!="undefined"&&(p.innerHTML="",p.style.width=p.style.padding="1px",p.style.border=0,p.style.overflow="hidden",p.style.display="inline",p.style.zoom=1,b.inlineBlockNeedsLayout=p.offsetWidth===3,p.style.display="block",p.style.overflow="visible",p.innerHTML="
",b.shrinkWrapBlocks=p.offsetWidth!==3),p.style.cssText=r+s,p.innerHTML=q,e=p.firstChild,g=e.firstChild,i=e.nextSibling.firstChild.firstChild,j={doesNotAddBorder:g.offsetTop!==5,doesAddBorderForTableAndCells:i.offsetTop===5},g.style.position="fixed",g.style.top="20px",j.fixedPosition=g.offsetTop===20||g.offsetTop===15,g.style.position=g.style.top="",e.style.overflow="hidden",e.style.position="relative",j.subtractsBorderForOverflowNotVisible=g.offsetTop===-5,j.doesNotIncludeMarginInBodyOffset=u.offsetTop!==m,a.getComputedStyle&&(p.style.marginTop="1%",b.pixelMargin=(a.getComputedStyle(p,null)||{marginTop:0}).marginTop!=="1%"),typeof d.style.zoom!="undefined"&&(d.style.zoom=1),u.removeChild(d),l=p=d=null,f.extend(b,j))});return b}();var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[j]:a[j]&&j,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[j]=n=++f.uuid:n=j),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[h]:h;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)||(b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,g=b.length;e1,null,!1)},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,b){a&&(b=(b||"fx")+"mark",f._data(a,b,(f._data(a,b)||0)+1))},_unmark:function(a,b,c){a!==!0&&(c=b,b=a,a=!1);if(b){c=c||"fx";var d=c+"mark",e=a?0:(f._data(b,d)||1)-1;e?f._data(b,d,e):(f.removeData(b,d,!0),n(b,c,"mark"))}},queue:function(a,b,c){var d;if(a){b=(b||"fx")+"queue",d=f._data(a,b),c&&(!d||f.isArray(c)?d=f._data(a,b,f.makeArray(c)):d.push(c));return d||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e={};d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),f._data(a,b+".run",e),d.call(a,function(){f.dequeue(a,b)},e)),c.length||(f.removeData(a,b+"queue "+b+".run",!0),n(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){var d=2;typeof a!="string"&&(c=a,a="fx",d--);if(arguments.length1)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,f.prop,a,b,arguments.length>1)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(p);for(c=0,d=this.length;c-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];{if(!!arguments.length){e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.type]||f.valHooks[this.nodeName.toLowerCase()];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}if(g){c=f.valHooks[g.type]||f.valHooks[g.nodeName.toLowerCase()];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}}}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!!a&&j!==3&&j!==8&&j!==2){if(e&&c in f.attrFn)return f(a)[c](d);if(typeof a.getAttribute=="undefined")return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g}},removeAttr:function(a,b){var c,d,e,g,h,i=0;if(b&&a.nodeType===1){d=b.toLowerCase().split(p),g=d.length;for(;i=0}})});var z=/^(?:textarea|input|select)$/i,A=/^([^\.]*)?(?:\.(.+))?$/,B=/(?:^|\s)hover(\.\S+)?\b/,C=/^key/,D=/^(?:mouse|contextmenu)|click/,E=/^(?:focusinfocus|focusoutblur)$/,F=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,G=function( +a){var b=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},H=function(a,b){var c=a.attributes||{};return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||(c.id||{}).value===b[2])&&(!b[3]||b[3].test((c["class"]||{}).value))},I=function(a){return f.event.special.hover?a:a.replace(B,"mouseenter$1 mouseleave$1")};f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler,g=p.selector),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=f.trim(I(c)).split(" ");for(k=0;k=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"";if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,m=E.test(s+h)?e:e.parentNode,n=null;for(;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;le&&j.push({elem:this,matches:d.slice(e)});for(k=0;k0?this.on(b,null,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),C.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),D.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return bc[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));o.match.globalPOS=p;var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="

";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="
";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h0)for(h=g;h=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(S(c[0])||S(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c);L.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!R[a]?f.unique(e):e,(this.length>1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/]","i"),bd=/checked\s*(?:[^=]|=\s*.checked.)/i,be=/\/(java|ecma)script/i,bf=/^\s*",""],legend:[1,"
","
"],thead:[1,"","
"],tr:[2,"","
"],td:[3,"","
"],col:[2,"","
"],area:[1,"",""],_default:[0,"",""]},bh=U(c);bg.optgroup=bg.option,bg.tbody=bg.tfoot=bg.colgroup=bg.caption=bg.thead,bg.th=bg.td,f.support.htmlSerialize||(bg._default=[1,"div
","
"]),f.fn.extend({text:function(a){return f.access(this,function(a){return a===b?f.text(this):this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a))},null,a,arguments.length)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f +.clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){return f.access(this,function(a){var c=this[0]||{},d=0,e=this.length;if(a===b)return c.nodeType===1?c.innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1>");try{for(;d1&&l0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d,e,g,h=f.support.html5Clone||f.isXMLDoc(a)||!bc.test("<"+a.nodeName+">")?a.cloneNode(!0):bo(a);if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bk(a,h),d=bl(a),e=bl(h);for(g=0;d[g];++g)e[g]&&bk(d[g],e[g])}if(b){bj(a,h);if(c){d=bl(a),e=bl(h);for(g=0;d[g];++g)bj(d[g],e[g])}}d=e=null;return h},clean:function(a,b,d,e){var g,h,i,j=[];b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);for(var k=0,l;(l=a[k])!=null;k++){typeof l=="number"&&(l+="");if(!l)continue;if(typeof l=="string")if(!_.test(l))l=b.createTextNode(l);else{l=l.replace(Y,"<$1>");var m=(Z.exec(l)||["",""])[1].toLowerCase(),n=bg[m]||bg._default,o=n[0],p=b.createElement("div"),q=bh.childNodes,r;b===c?bh.appendChild(p):U(b).appendChild(p),p.innerHTML=n[1]+l+n[2];while(o--)p=p.lastChild;if(!f.support.tbody){var s=$.test(l),t=m==="table"&&!s?p.firstChild&&p.firstChild.childNodes:n[1]===""&&!s?p.childNodes:[];for(i=t.length-1;i>=0;--i)f.nodeName(t[i],"tbody")&&!t[i].childNodes.length&&t[i].parentNode.removeChild(t[i])}!f.support.leadingWhitespace&&X.test(l)&&p.insertBefore(b.createTextNode(X.exec(l)[0]),p.firstChild),l=p.childNodes,p&&(p.parentNode.removeChild(p),q.length>0&&(r=q[q.length-1],r&&r.parentNode&&r.parentNode.removeChild(r)))}var u;if(!f.support.appendChecked)if(l[0]&&typeof (u=l.length)=="number")for(i=0;i1)},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=by(a,"opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=bu.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(by)return by(a,c)},swap:function(a,b,c){var d={},e,f;for(f in b)d[f]=a.style[f],a.style[f]=b[f];e=c.call(a);for(f in b)a.style[f]=d[f];return e}}),f.curCSS=f.css,c.defaultView&&c.defaultView.getComputedStyle&&(bz=function(a,b){var c,d,e,g,h=a.style;b=b.replace(br,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b))),!f.support.pixelMargin&&e&&bv.test(b)&&bt.test(c)&&(g=h.width,h.width=c,c=e.width,h.width=g);return c}),c.documentElement.currentStyle&&(bA=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f==null&&g&&(e=g[b])&&(f=e),bt.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),by=bz||bA,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){if(c)return a.offsetWidth!==0?bB(a,b,d):f.swap(a,bw,function(){return bB(a,b,d)})},set:function(a,b){return bs.test(b)?b+"px":b}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bq.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bp,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bp.test(g)?g.replace(bp,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){return f.swap(a,{display:"inline-block"},function(){return b?by(a,"margin-right"):a.style.marginRight})}})}),f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)}),f.each({margin:"",padding:"",border:"Width"},function(a,b){f.cssHooks[a+b]={expand:function(c){var d,e=typeof c=="string"?c.split(" "):[c],f={};for(d=0;d<4;d++)f[a+bx[d]+b]=e[d]||e[d-2]||e[0];return f}}});var bC=/%20/g,bD=/\[\]$/,bE=/\r?\n/g,bF=/#.*$/,bG=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bH=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bI=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bJ=/^(?:GET|HEAD)$/,bK=/^\/\//,bL=/\?/,bM=/)<[^<]*)*<\/script>/gi,bN=/^(?:select|textarea)/i,bO=/\s+/,bP=/([?&])_=[^&]*/,bQ=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bR=f.fn.load,bS={},bT={},bU,bV,bW=["*/"]+["*"];try{bU=e.href}catch(bX){bU=c.createElement("a"),bU.href="",bU=bU.href}bV=bQ.exec(bU.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bR)return bR.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("
").append(c.replace(bM,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bN.test(this.nodeName)||bH.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bE,"\r\n")}}):{name:b.name,value:c.replace(bE,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.on(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?b$(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),b$(a,b);return a},ajaxSettings:{url:bU,isLocal:bI.test(bV[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bW},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bY(bS),ajaxTransport:bY(bT),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?ca(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=cb(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.fireWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f.Callbacks("once memory"),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bG.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.add,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bF,"").replace(bK,bV[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bO),d.crossDomain==null&&(r=bQ.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bV[1]&&r[2]==bV[2]&&(r[3]||(r[1]==="http:"?80:443))==(bV[3]||(bV[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bZ(bS,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bJ.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bL.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bP,"$1_="+x);d.url=y+(y===d.url?(bL.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bW+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bZ(bT,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){if(s<2)w(-1,z);else throw z}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)b_(g,a[g],c,e);return d.join("&").replace(bC,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var cc=f.now(),cd=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+cc++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=typeof b.data=="string"&&/^application\/x\-www\-form\-urlencoded/.test(b.contentType);if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(cd.test(b.url)||e&&cd.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(cd,l),b.url===j&&(e&&(k=k.replace(cd,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var ce=a.ActiveXObject?function(){for(var a in cg)cg[a](0,1)}:!1,cf=0,cg;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ch()||ci()}:ch,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,ce&&delete cg[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n);try{m.text=h.responseText}catch(a){}try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cf,ce&&(cg||(cg={},f(a).unload(ce)),cg[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cj={},ck,cl,cm=/^(?:toggle|show|hide)$/,cn=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,co,cp=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cq;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(ct("show",3),a,b,c);for(var g=0,h=this.length;g=i.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),i.animatedProperties[this.prop]=!0;for(b in i.animatedProperties)i.animatedProperties[b]!==!0&&(g=!1);if(g){i.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){h.style["overflow"+b]=i.overflow[a]}),i.hide&&f(h).hide();if(i.hide||i.show)for(b in i.animatedProperties)f.style(h,b,i.orig[b]),f.removeData(h,"fxshow"+b,!0),f.removeData(h,"toggle"+b,!0);d=i.complete,d&&(i.complete=!1,d.call(h))}return!1}i.duration==Infinity?this.now=e:(c=e-this.startTime,this.state=c/i.duration,this.pos=f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){var a,b=f.timers,c=0;for(;c-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cx.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cx.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,c){var d=/Y/.test(c);f.fn[a]=function(e){return f.access(this,function(a,e,g){var h=cy(a);if(g===b)return h?c in h?h[c]:f.support.boxModel&&h.document.documentElement[e]||h.document.body[e]:a[e];h?h.scrollTo(d?f(h).scrollLeft():g,d?g:f(h).scrollTop()):a[e]=g},a,e,arguments.length,null)}}),f.each({Height:"height",Width:"width"},function(a,c){var d="client"+a,e="scroll"+a,g="offset"+a;f.fn["inner"+a]=function(){var a=this[0];return a?a.style?parseFloat(f.css(a,c,"padding")):this[c]():null},f.fn["outer"+a]=function(a){var b=this[0];return b?b.style?parseFloat(f.css(b,c,a?"margin":"border")):this[c]():null},f.fn[c]=function(a){return f.access(this,function(a,c,h){var i,j,k,l;if(f.isWindow(a)){i=a.document,j=i.documentElement[d];return f.support.boxModel&&j||i.body&&i.body[d]||j}if(a.nodeType===9){i=a.documentElement;if(i[d]>=i[e])return i[d];return Math.max(a.body[e],i[e],a.body[g],i[g])}if(h===b){k=f.css(a,c),l=parseFloat(k);return f.isNumeric(l)?l:k}f(a).css(c,h)},c,a,arguments.length,null)}}),a.jQuery=a.$=f,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return f})})(window); diff --git a/js/main.js b/js/main.js old mode 100644 new mode 100755 index 180f2bf..0ccb3a9 --- a/js/main.js +++ b/js/main.js @@ -1,78 +1,194 @@ +//Plockar in canvas elementet var playField = document.getElementById("playField").getContext("2d"); -playField.font = '30px Arial'; +//playField.font = '30px Arial'; +var redColor = "#E74C3C"; +var greenColor = "#1BBC9B"; +var gameContainer = document.getElementById("game-container"); // Diven som hela spelet ligger i. +gameContainer.style.display ="none"; + +var introContainer = document.getElementById("intro-container"); +document.getElementById("startGame").addEventListener("click",startGame); + +/** + * Storleken på canvas + */ var playfieldHeight = document.getElementById("playField").height; var playfieldWidth = document.getElementById("playField").width; -var obstacleCount = 0; +/** + * Alla element som har med spelinfo containern att göra + */ +var infoContainer = document.getElementById('infoContainer'); +var statusTetxt = document.getElementById('statusTetxt'); +var levelCounter = document.getElementById("level"); +var accuracy = document.getElementById("accuracy"); +var totalShotsFired = document.getElementById("totalShotsFired"); +var specialShotsFired = document.getElementById("specialShotsFired"); +var collisionCounter = document.getElementById("collisionCounter"); +var button = document.getElementById('buttonSelector'); +var buttonText = document.getElementById('buttonText'); + +var levelInfo = document.getElementById("levelInfo"); +var highscoreSignUpContainer = document.getElementById("highscoreSignUpContainer"); + +var totalShotsFiredHS = document.getElementById("totalShotsFiredHS"); +var shotsFiredHS = document.getElementById("shotsFiredHS"); +var specialShotsFiredHS = document.getElementById("specialShotsFiredHS"); +var collisionCounterHS = document.getElementById("collisionCounterHS"); + +var hiddentotalShotsFiredHS = document.getElementById("hiddentotalShotsFiredHS"); +var hiddenshotsFiredHS = document.getElementById("hiddenshotsFiredHS"); +var hiddenspecialShotsFired = document.getElementById("hiddenspecialShotsFired"); +var hiddencollisionCounter = document.getElementById("hiddencollisionCounter"); + + +/** + * Alla element som visar statusen på tid / ammo och hälsa + */ +var healthBar = document.getElementById("health-bar"); +var healthCounter = document.getElementById("health"); +var timer = document.getElementById("timer"); +var ammoSelect = document.getElementById('ammoSelect'); +var ammoSelectColor = document.getElementById("ammoSelectColor"); +var displayAmmo = document.getElementById("ammo-info"); +var ammoImage = document.getElementById("ammoImage"); +var SpecialAmmoSelect = document.getElementById('SpecialAmmoSelect'); +var powerAmmoImage = document.getElementById("powerAmmoImage"); +var specialAmmoSelectColor = document.getElementById("specialAmmoSelectColor"); +var displayPowerAmmo = document.getElementById("power-ammo-info"); + +/** + * Element för info under utveklingsfasen + */ +var ballCounter = document.getElementById("ballCounter"); +var ammoCounter = document.getElementById("ammoCounter"); +var powerShotsCounter = document.getElementById("powerShotsCounter"); +var swag = document.getElementById('swag'); +var frame = document.getElementById("frame"); + +/** + * Variabler med bilder + */ +var backGrounds = ["pixelBG2.jpg", "fantasy.png", "forest.png", "desert.png"]; +var playFieldBackground = document.getElementById("playField"); +var shotsFired = document.getElementById("shotsFired"); +var healthImage = document.getElementById("healthImage"); +var shotImage = document.getElementById("shotImage"); +var specialShotImage = document.getElementById("specialShotImage"); +/** + * Skott Variabler + */ var shotList = {}; var powerShotList = {}; var powerShotAvailabe = 0; -// intervall som uppdateringsfunktionen körs - -var playerSafetyDistanceY = 300; // Marginalen på Y axeln som bollarna kommer generas ovanför. - -//console.log(playfieldHeight + " är Höjden"); -//console.log(playfieldWidth + " är Bredden"); +var typeOfShot = "pistol"; +var ammoLeft = 10; +/** + * Boll variabler + */ var bigBallRadius = 60; var mediumBallRadius = 40; var smallBallRadius = 20; -//var firstBallSpeed = Math.floor((Math.random() * 6) + 1); -var firstBallSpeed = 1; - -var collisionCounter = document.getElementById("collisionCounter"); -var ammoCounter = document.getElementById("ammoCounter"); -var ammoLeft = 10; +var bouncingBalls = {}; + +/** + * Boolean variabler + */ +var powerUp = false; +var restart = false; +var lockPlayer = false; +var levelComplete = false; + +/** + * Variabler som ändras när man klarar en bana! + */ +var ballSpeed = 0.2; +var healthGenerate = 12; +var ammoGenerate = 11; +var specialAmmoGenerate = 13; +var ballSpawnInterval = 10; + +/** + * Variabler som kontrolerar timing / spawnfrekvens / level + */ +var hitPerLevel = 0; var time = 0; -var healthCounter = document.getElementById("health"); var frameCount = 0; var groundHeight = 32; // Höjden på marken i bilden. -var ballCounter = document.getElementById("ballCounter"); -var accuracy = document.getElementById("accuracy"); - -var shotsFired = document.getElementById("shotsFired"); - -var ammoImage = document.getElementById("ammoImage"); -var healthImage = document.getElementById("healthImage"); - -ammoImage.style.display ="none"; +var level = 1; +var j = 0; //variabel för att begränsa hur många bollar som genereras per bana +var strafeX = 260; + +/** + * Sounds + */ +var pop = new Audio(); +pop.src = "sound/pop.wav"; +var shotSound = new Audio(); +shotSound.src = "sound/bang.wav"; +var specialShotSound = new Audio(); +specialShotSound.src = "sound/loudgun.wav"; +var reload = new Audio(); +reload.src = "sound/reload.wav"; +var healthSound = new Audio(); +healthSound.src = "sound/getHealth.wav"; +var damageSound = new Audio(); +damageSound.src = "sound/damageSound.wav"; +var shotgunAmmo = new Audio(); +shotgunAmmo.src = "sound/shotgunreload.wav"; + +var levelCompleteSound = new Audio(); +levelCompleteSound.src = "sound/nicework.wav"; + +var gameOverSound = new Audio(); +gameOverSound.src = "sound/boo.mp3"; + +var gameCompleteSound = new Audio(); +gameCompleteSound.src = "sound/gameComplete.mp3"; + +/** + * Döljer element från DOM:et + */ +ammoSelect.style.backgroundColor = greenColor; healthImage.style.display ="none"; +shotImage.style.display ="none"; +specialShotImage.style.display ="none"; +/** + * Skapar spelaren med dess startvärden + */ +var player = new Image(); +player.src = "images/villeSprite4.png"; // WTF?! Varför utgår man från vart html-filen ligger och inte JS filen? +player.left = false; +player.right = false; +player.health = 100; +player.height = 75; +player.width = 65; // +player.PositionValueX = 100; +player.PositionValueY = playfieldHeight - 75 - groundHeight; +player.animateX = (player.width) - 25; +player.animateY = player.height; +function startGame() { + introContainer.style.display ="none"; + gameContainer.style.display ="block"; -function startGame(level) { - /** - * - *<======= ALLTING SOM HAR MED SPELAREN ATT GÖRA =======> - * - */ - var player = new Image(); - player.src = "images/villeSprite.png"; // WTF?! Varför utgår man från vart html-filen ligger och inte JS filen? - player.left = false; - player.right = false; - player.health = 5; - player.height = 75; - player.width = 65; // - player.PositionValueX = 100; - player.PositionValueY = playfieldHeight - 75 - groundHeight; - player.animateX = (player.width) - 25; - player.animateY = player.height; - var strafeX = 0; +playFieldBackground.style.background = 'url("images/' + backGrounds[level-1] + '")'; /** * *<======= STARTA TIMERS! =======> * */ - function updateTime() { time++; document.getElementById("timer").innerHTML = time; - if (time % 10 == 0) { + if (time % 10 === 0) { ammoLeft += 2; } return time; @@ -80,86 +196,145 @@ function startGame(level) { function updateFrameCount() { frameCount++; + frame.innerHTML = frameCount; return frameCount; } - // playField.drawImage(player,srcX,srcY,player.width,player.height,player.PositionValueX,player.PositionValueY,player.width,player.height); - // playField.drawImage(player,strafeX,0,player.width,player.height,player.PositionValueX,player.PositionValueY,player.width,player.height); - // ship_x = (width / 2) - 25, ship_y = height - 85, ship_w = 65, ship_h = 85, - /* KOLLAR OM SPELAREN BLIR TRÄFFAD */ - setInterval(function () { hit = false; - player.color = "#fff"; }, 400); function playerHit(hit) { if (hit) { - player.color = "red"; + damageSound.play(); + healthBar.className = ""; player.health--; - checkHealth(player.health) + checkHealth(player.health); } } /* FLYTTAR PÅ SPELAREN */ document.onkeydown = function (keyPress) { - if (keyPress.keyCode === 37) { + if (keyPress.keyCode === 37 && lockPlayer === false) { // Move left player.left = true; - } - if (keyPress.keyCode === 39) { + if (keyPress.keyCode === 39 && lockPlayer === false) { // Move right player.right = true; } - if (player.right == false && player.left == false) { - strafeX = 0; - } - // Shoot - if (keyPress.keyCode === 32) { + if (player.right === false && player.left === false) { - if (ammoLeft > 0) { - generateShot(player.PositionValueX); - ammoLeft-- + if(typeOfShot === "pistol") + { + strafeX = 260; } - if (powerShotAvailabe > 0) { - generatePowerShot(player.PositionValueX); - powerShotAvailabe-- + else + { + strafeX = 845; + } + } + // Shoot spacebar + if (keyPress.keyCode === 32 && lockPlayer === false) { + shoot(typeOfShot); + if(typeOfShot === "pistol") + { + strafeX = 260; } + else + { + strafeX = 845; + } + } + // Shoot selector uparrow + if (keyPress.keyCode === 38) { + + typeOfShot === "pistol" ? + + (typeOfShot = "shotgun", + ammoSelect.style.backgroundColor = "#fff", + ammoSelectColor.style.color =greenColor, + specialAmmoSelect.style.backgroundColor = greenColor, + specialAmmoSelectColor.style.color = "#fff" + ) + : + (typeOfShot = "pistol", + ammoSelectColor.style.color = "#fff", + + ammoSelect.style.backgroundColor = greenColor, + specialAmmoSelect.style.backgroundColor = "#fff", + specialAmmoSelectColor.style.color = greenColor + ); } }; document.onkeyup = function (keyPress) { if (keyPress.keyCode === 37) { // Move left player.left = false; - strafeX = 0; + if(typeOfShot == "pistol") + { + strafeX = 260; + } + else + { + strafeX = 845; + } } if (keyPress.keyCode === 39) { // Move right player.right = false; - strafeX = 0; - + if(typeOfShot == "pistol") + { + strafeX = 260; + } + else + { + strafeX = 845; + } } }; function playerPosition() { if (player.left) { player.PositionValueX -= 10; //fart på spelaren - if (frameCount % 2 == 0) { - strafeX = 65; + if(typeOfShot == "shotgun") + { + strafeX = (65*frameCount)+585; + + if(frameCount>4) + { + frameCount = 0; + } } - else { - strafeX = 65 * 2; + else + { + strafeX = 65*frameCount; + + if(frameCount>=4) + { + frameCount = 0; + } } } if (player.right) { player.PositionValueX += 10; //fart på spelaren - strafeX = 195; - if (frameCount % 2 == 0) { - strafeX = 65 * 3; + + if(typeOfShot == "shotgun") + { + strafeX = (65*frameCount)+845; + + if(frameCount>4) + { + frameCount = 0; + } } - else { - strafeX = 65 * 4; + else + { + strafeX = (65*frameCount)+260; + if(frameCount>=4) + { + frameCount = 0; + } } } // Spelaren kan inte röra sig utanför spelplane @@ -177,79 +352,53 @@ function startGame(level) { * */ var numberOfCollisions = 0; - var ballColors = ["#000", "#E4F1FE", "#336E7B", "#4ECDC4", "#3D4A5D", "#26A65B", "#79FF85"]; + var ballColors = ["#3D4A5D","#1E824C","#D35400"]; //document.getElementById("startGame").addEventListener("click", startGame); - var speed = 4; - function bouncingBall(ballSize, startX, startY, speedX) { + function bouncingBall(ballSize, startX, startY,speedX,color) { this.ballRadius = ballSize; this.PositionValueX = startX; this.PositionValueY = startY; this.speedXAxis = speedX; - this.speedYAxis = Math.floor((Math.random() * speed) + 1); - this.hexColorCode = ballColors[Math.floor((Math.random() * ballColors.length) + 1)]; + this.speedYAxis = Math.round((Math.random() * ballSpeed) + 1); + this.hexColorCode = ballColors[color]; + + // this.hexColorCode = ballColors[Math.floor((Math.random() * ballColors.length) + 1)]; // this.hypo = Math.sqrt(Math.pow(ballSize,2)*2); - this.isStuck = false; - // this.ballRadius = Math.ceil((Math.random() * 50) + 10); // - /* this.PositionValueX = Math.floor(Math.random() * ((playfieldWidth-this.ballRadius*2) - this.ballRadius*2 + 1)) + this.ballRadius*2; - this.PositionValueY = Math.floor(Math.random() * ((playfieldHeight-playerSafetyDistanceY-this.ballRadius*2) - this.ballRadius*2 + 1)) + this.ballRadius*2; - this.speedXAxis = Math.floor((Math.random() * 6) + 1); - this.speedYAxis = Math.floor((Math.random() * 6) + 1); - this.hexColorCode = ballColors[ Math.floor((Math.random() * ballColors.length) + 1)];*/ + // this.img = image; + // this.isStuck = false; } - var bouncingBalls = {}; - - //document.getElementById("moreBalls").addEventListener("click", addBalls); - // console.log(bouncingBalls); var i = 0; - function addBalls(sizeofHitBall, startX, startY, speedX) { - bouncingBalls["ball" + i] = new bouncingBall(sizeofHitBall, startX, startY, speedX); + function addBalls(sizeofHitBall, startX, startY,speedX,color) { + bouncingBalls["ball" + i] = new bouncingBall(sizeofHitBall, startX, startY,speedX,color); i++; } - addBalls(bigBallRadius, 200, 100, firstBallSpeed); // Skapar den första bollen så att spelet kommer igång! - function updateEntity(ball,hinder) { + function updateEntity(ball) { ball.PositionValueX += ball.speedXAxis; ball.PositionValueY += ball.speedYAxis; + playField.beginPath(); + playField.fillStyle = ball.hexColorCode; - // playField.arc(ball.PositionValueX, ball.PositionValueY, ball.ballRadius, 0, Math.PI * 2, true); - playField.arc(ball.PositionValueX, ball.PositionValueY, ball.ballRadius,0,2*Math.PI); + + playField.arc(ball.PositionValueX, ball.PositionValueY, ball.ballRadius, 0, Math.PI * 2, true); + + playField.closePath(); playField.fill(); - if(obstacleCount === 0){ - hinder.PositionValueY += hinder.speedYAxis; - //console.log(hinder.speedXAxis - } - playField.fillStyle = hinder.color; - playField.fillRect(hinder.PositionValueX, hinder.PositionValueY, hinder.width, hinder.height); - obstacleCount++; - if(obstacleCount === (ballCounter.innerHTML = Object.keys(bouncingBalls).length)) - { - obstacleCount = 0; - } var bounceBordersX = ball.PositionValueX < ball.ballRadius || ball.PositionValueX > playfieldWidth - ball.ballRadius; var bounceBordersY = ball.PositionValueY < ball.ballRadius || ball.PositionValueY > playfieldHeight - ball.ballRadius - groundHeight; - var playerGetsHit = (ball.PositionValueY > playfieldHeight - player.height - ball.ballRadius && ((player.PositionValueX + player.width / 2) > ball.PositionValueX - ball.ballRadius && (player.PositionValueX + player.width / 2) < ball.PositionValueX + ball.ballRadius)) - var moveObstacle = hinder.PositionValueY < 0 || hinder.PositionValueY > hinder.maxValue; - - // var collidewithObs = testCollisionEntityObstacle(hinders,ball); + var playerGetsHit = (ball.PositionValueY > playfieldHeight - player.height - ball.ballRadius && ((player.PositionValueX + player.width / 2) > ball.PositionValueX - ball.ballRadius && (player.PositionValueX + player.width / 2) < ball.PositionValueX + ball.ballRadius)); - // var hypo = Math.sqrt(Math.pow(ball.ballRadius,2)*2); - //console.log(ball.ballRadius); - // console.log(hypo); - - if(typeof hinder == "undefined") - { - // console.log("DET STÄMMER"); if (bounceBordersX) { ball.speedXAxis = -ball.speedXAxis; } @@ -263,68 +412,8 @@ function startGame(level) { hit = true; playerHit(hit); } - } - else - { - - if(moveObstacle) - { - console.log("DET STÄMMER!"); - hinder.speedYAxis = -hinder.speedYAxis; - - } - if (bounceBordersX) - { - ball.speedXAxis = -ball.speedXAxis; - } - if ((ball.PositionValueY > hinder.PositionValueY && ball.PositionValueY < hinder.PositionValueY+hinder.height)) - { - // Studsa på vänster sida - if((ball.PositionValueX+ball.ballRadius>=hinder.PositionValueX) && (ball.PositionValueX<=hinder.PositionValueX ) ) - { - ball.speedXAxis = -ball.speedXAxis; - } - //Studsa på höger sida - if((ball.PositionValueX-ball.ballRadius<=hinder.PositionValueX+hinders.width) && (ball.PositionValueX >= hinders.PositionValueX+hinder.width ) ) - { - ball.speedXAxis = -ball.speedXAxis; - } - } - if ((ball.PositionValueX+ball.ballRadius > hinder.PositionValueX && ball.PositionValueX-ball.ballRadius < hinder.PositionValueX+hinder.width)) - { - if((ball.PositionValueY-ball.ballRadius+5 < hinder.PositionValueY+hinder.height) && (ball.PositionValueY-ball.ballRadius+5>hinder.PositionValueY)) - { - ball.isStuck = true; - // delete ball; - // console.log("Boll fastnat!") - } - if((ball.PositionValueY+ball.ballRadius-5 > hinder.PositionValueY) && (ball.PositionValueY+ball.ballRadius-5=hinder.PositionValueY) && (ball.PositionValueY<=hinder.PositionValueY ) ) - { - ball.speedYAxis = -ball.speedYAxis; - } - if((ball.PositionValueY-ball.ballRadius<=hinders.PositionValueY+hinder.height) && (ball.PositionValueY>=hinder.PositionValueY ) ) - { - ball.speedYAxis = -ball.speedYAxis; - } - } - if(bounceBordersY) - { - ball.speedYAxis = -ball.speedYAxis; - } - if(playerGetsHit) - { - hit = true; - playerHit(hit); - } - } } function getDistanceBetweenEntity(shot, ball) { //return distance (number) var vx = shot.PositionValueX - ball.PositionValueX; @@ -338,140 +427,138 @@ function startGame(level) { } - /** - * - *<======= ALLTING SOM HAR MED HINDREN ATT GÖRA =======> - * - */ - - function createHinder(startX, startY, width, height, moving, speedY, max) { - this.PositionValueX = startX; - this.PositionValueY = startY; - this.width = width; - this.height = height; - this.speedYAxis = speedY; - this.moving = moving; - this.maxValue = max; // Max hur långt den kan gå ner på x-axeln - this.color = "#000"; - } - var hinders = {}; - - //document.getElementById("moreBalls").addEventListener("click", addBalls); - - // console.log(bouncingBalls); - var hinderCounter = 0; - function addHinder(startX, startY, width, height, moving, speedY, max) { - hinders["hinder" + hinderCounter] = new createHinder(startX, startY, width, height, moving, speedY, max); - hinderCounter++; - } - - addHinder(0,0,0,0,true,0,playfieldHeight-200); - // addHinder(400,300,220,10,true,2,playfieldHeight-300); - - console.log(hinders); - /** * *<======= ALLTING SOM HAR MED SKOTTEN ATT GÖRA =======> * */ + function shoot(type){ + if(type === "pistol"){ + if (ammoLeft > 0) { + generateShot(player.PositionValueX); + ammoLeft--; + shotSound.play(); + shotSound.currentTime=0; + strafeX = 260+(65*5) + } + } + else if(type === "shotgun"){ + if (powerShotAvailabe > 0) { + generatePowerShot(player.PositionValueX); + powerShotAvailabe--; + specialShotSound.play(); + specialShotSound.currentTime=0; + strafeX = 260+(65*6) + // powerShotsCounter.innerHTML = powerShotAvailabe; + } + } + } var shotNr = 0; - // Skapar ett nytt skott och pushar in det i ett objekt + function generateShot(playerX) { var shot = { - PositionValueX: playerX + 10, - PositionValueY: playfieldHeight - groundHeight-player.height, - width: 10, - height: 10, + PositionValueX: playerX + 11, + PositionValueY: playfieldHeight - groundHeight-player.height-10, + width: 12, + height: 20, color: "black", - img: ammoImage + img: shotImage }; shotList["shot" + shotNr] = shot; if(player.health>0) { shotNr++; - } shotsFired.innerHTML = shotNr; - + } + countTotal() } var PowershotNr = 0; - // Skapar ett nytt skott och pushar in det i ett objekt function generatePowerShot(playerX) { var powerShot1 = { id: 1, - PositionValueX: playerX, + PositionValueX: playerX+20, PositionValueY: playfieldHeight - groundHeight-player.height, width: 10, height: 10, - //color: "black" - img: ammoImage + img: specialShotImage }; var powerShot2 = { id: 2, - PositionValueX: playerX + 40, + PositionValueX: playerX+10, + PositionValueY: playfieldHeight - groundHeight-player.height, + width: 10, + height: 10, + img: specialShotImage + }; + var powerShot3 = { + id: 3, + PositionValueX: playerX+15, PositionValueY: playfieldHeight - groundHeight-player.height, width: 10, height: 10, //color: "black" - img: ammoImage + img: specialShotImage }; powerShotList["PowerShot" + PowershotNr] = powerShot1; PowershotNr++; + powerShotList["PowerShot" + PowershotNr] = powerShot2; PowershotNr++; + powerShotList["PowerShot" + PowershotNr] = powerShot3; + PowershotNr++; + specialShotsFired.innerHTML = (PowershotNr/3); + + countTotal() + } + + function countTotal() + { + totalShotsFired.innerHTML = parseInt(specialShotsFired.innerHTML)+parseInt(shotsFired.innerHTML); } + + // Förflyttar skotten i y-axeln och om det går utanför y axeln så tas de bort ur arrayen function animateShots(object) { - object.PositionValueY -= 15; //fart på skotten + object.PositionValueY -= 20; //fart på skotten if (object.id == 1) { object.PositionValueX -= 5; } if (object.id == 2) { object.PositionValueX += 5; } - } - - function TestShotHits(list, object, obstacles) { + function TestShotHits(list, object) { for (var key in object) { - for(var thing in obstacles) - { - updateEntity(object[key],obstacles[thing]); - - if(object[key].isStuck == true) - { - // delete object[key]; - // object[key].PositionValueY = object[key].PositionValueY+100; - // object[key].PositionValueY - } + updateEntity(object[key]); // KOLLAR OM SKOTTEN TRÄFFAR for (var k in list) { var isColliding = testCollisionEntity(list[k], object[key]); if (isColliding) { + pop.play(); + pop.currentTime=0; if (object[key].ballRadius == 60) { - addBalls(mediumBallRadius, object[key].PositionValueX + 15, object[key].PositionValueY, object[key].speedXAxis); - addBalls(mediumBallRadius, object[key].PositionValueX - 15, object[key].PositionValueY, (object[key].speedXAxis) * -1); + addBalls(mediumBallRadius, object[key].PositionValueX + 20, object[key].PositionValueY, (Math.random() * object[key].speedXAxis) + 1, 1); + addBalls(mediumBallRadius, object[key].PositionValueX - 20, object[key].PositionValueY, ((Math.random() * object[key].speedXAxis) + 1) * -1,1); } if (object[key].ballRadius == 40) { - addBalls(smallBallRadius, object[key].PositionValueX + 10, object[key].PositionValueY, object[key].speedXAxis); - addBalls(smallBallRadius, object[key].PositionValueX - 10, object[key].PositionValueY, (object[key].speedXAxis) * -1); + addBalls(smallBallRadius, object[key].PositionValueX + 10, object[key].PositionValueY, (Math.random() * object[key].speedXAxis) + 1,2); + addBalls(smallBallRadius, object[key].PositionValueX - 10, object[key].PositionValueY, ((Math.random() * object[key].speedXAxis) + 1)* -1,2); } delete object[key]; // Tar bort bollen som träffar texten! - delete list[k]; // Tar bort bollen som träffar texten! + delete list[k]; // Tar bort bollen som träffar texten!EB974E numberOfCollisions++; - + hitPerLevel++; } else if (list[k].PositionValueY < 0) { delete list[k]; // Tar bort bollen som träffas! } } - } } } /** @@ -483,24 +570,20 @@ function startGame(level) { this.width = width; this.height = height; this.type = type; - //this.color = color; this.img = img; this.PositionValueX = Math.floor(Math.random() * ((playfieldWidth - this.width) - this.width)) + this.width; this.PositionValueY = playfieldHeight - this.height - groundHeight; } var upgrades = {}; - var upgradeCounter = 0; function addUpgrades(width, height, type, img) { upgrades["upgrade" + upgradeCounter] = new upgrade(width, height, type, img); upgradeCounter++; } - function deleteUpgrades() { - upgrades = {}; - // console.log(upgrades) + upgrades = {};// console.log(upgrades) } /** * @@ -511,14 +594,10 @@ function startGame(level) { playField.fillStyle = object.color; playField.fillRect(object.PositionValueX, object.PositionValueY, object.width, object.height); } - function drawImages(item) { playField.drawImage(item.img, item.PositionValueX,item.PositionValueY); } - - - /** * *<======= UPPDATERING SOM KÖRS VAR 20 millisekund =======> @@ -528,36 +607,57 @@ function startGame(level) { function update() { ballCounter.innerHTML = Object.keys(bouncingBalls).length; // Kollar hur många bollar som är på planen för att avgöra när man klarat en bana! - playField.clearRect(0, 0, playfieldWidth, playfieldHeight); + //Kontrolerar så att hälsan inte kan bli mer än 100 + if(player.health > 100){ + player.health = 100; + } + //Uppdaterar hälsan - /* for (var hinder in hinders) - { - drawObject(hinders[hinder]); - }*/ + healthBar.style.width = player.health + "%"; collisionCounter.innerHTML = numberOfCollisions; + var accuracyCounter = ((collisionCounter.innerHTML)/(totalShotsFired.innerHTML)*100).toFixed(0); + + if(shotNr == 0 && PowershotNr == 0) + { + accuracy.innerHTML = 0; + } + else if(accuracyCounter<=100) + { + accuracy.innerHTML = accuracyCounter + } + else if(accuracyCounter>100) + { + accuracy.innerHTML = 100; + } + var accuracyCounter = ((collisionCounter.innerHTML)/(totalShotsFired.innerHTML)*100).toFixed(0); - if(shotNr == 0) + if(shotNr == 0 && PowershotNr == 0) { accuracy.innerHTML = 0; } - else + else if(accuracyCounter<=100) + { + accuracy.innerHTML = accuracyCounter + } + else if(accuracyCounter>100) { - accuracy.innerHTML = ((collisionCounter.innerHTML)/(shotsFired.innerHTML)*100).toFixed(0); + accuracy.innerHTML = 100; } ammoCounter.innerHTML = ammoLeft; + powerShotsCounter.innerHTML = powerShotAvailabe; + displayAmmo.innerHTML = ammoLeft; + displayPowerAmmo.innerHTML = powerShotAvailabe; healthCounter.innerHTML = player.health; - + levelCounter.innerHTML = level; for (var upgrade in upgrades) { drawImages(upgrades[upgrade]); } - // drawImages(shot); - playerPosition(); //updaterar spelaren playField.drawImage(player,strafeX,0,player.width,player.height,player.PositionValueX,player.PositionValueY,player.width,player.height); @@ -570,84 +670,175 @@ function startGame(level) { { console.log("AMMO!"); ammoLeft += 10; - delete upgrades[item] + reload.play(); + reload.currentTime=0; + delete upgrades[item]; } else if(distanceBetweenPlayerAndUpgrade>-marginal && distanceBetweenPlayerAndUpgrade-marginal && distanceBetweenPlayerAndUpgrade-marginal && distanceBetweenPlayerAndUpgrade 4){ + + gameCompleteSound.play(); + gameCompleteSound.currentTime = 0; + + clearInterval(startUpdate); + clearInterval(startTime); + + totalShotsFiredHS.innerHTML = totalShotsFired.innerHTML; + shotsFiredHS.innerHTML = shotsFired.innerHTML; + specialShotsFiredHS.innerHTML = specialShotsFired.innerHTML; + collisionCounterHS.innerHTML = collisionCounter.innerHTML; + + hiddentotalShotsFiredHS.value=totalShotsFired.innerHTML; + hiddenshotsFiredHS.value = shotsFired.innerHTML; + hiddenspecialShotsFired.value=specialShotsFired.innerHTML; + hiddencollisionCounter.value=collisionCounter.innerHTML; + + levelInfo.style.display="none"; + infoContainer.style.display ="block"; + highscoreSignUpContainer.style.display="block"; + + + lockPlayer = true; + restart = true; + } } function checkHealth(health) { - if(health<0) + if(health <= 0) { + gameOverSound.play(); + gameOverSound.currentTime = 0; + + clearInterval(startUpdate); clearInterval(startTime); - playField.fillStyle = "Red"; - playField.font = "bold 56px Arial"; - playField.textAlign = "center"; - playField.fillText("Game Over :(", playfieldWidth/2, playfieldHeight/2); + infoContainer.style.display = "block"; + + button.className ="gameOverButton"; + statusText.innerHTML = "You died!"; + infoContainer.style.backgroundColor = redColor; + buttonText.innerHTML = "Restart"; + restart = true; + lockPlayer = true; } } var startUpdate = setInterval(update, 20); - var startTime = setInterval(function(){ - if(updateTime() % 10 == 0) + if(updateTime() === 1) { - addBalls(bigBallRadius, 100, 100, firstBallSpeed); - + for(var l = 0; l < level; l++){ + addBalls(bigBallRadius, (Math.floor(Math.random() * 9) + 1) *100, 100, ballSpeed,0); + } + } + if(timer.innerHTML % 10 === 0 && j <= level) + { + addBalls(bigBallRadius, (Math.floor(Math.random() * 9) + 1) *100, 100, ballSpeed,0); + j++; } - else if(timer.innerHTML % 7 == 0) + else if(timer.innerHTML % ammoGenerate === 0 && levelComplete != true) { addUpgrades(50, 50, "Ammo", ammoImage); } - else if(timer.innerHTML % 13 == 0) + else if(timer.innerHTML % healthGenerate === 0 && player.health < 100 && levelComplete != true) { addUpgrades(50, 50, "Health", healthImage); } - else if(timer.innerHTML % 31 == 0) + if(timer.innerHTML % specialAmmoGenerate === 0 && levelComplete != true && hitPerLevel>10) { - addUpgrades(50, 50, "PowerSot", ammoImage); + addUpgrades(50, 50, "PowerShot", powerAmmoImage); } - else if(timer.innerHTML % 5 == 0) + else if(timer.innerHTML % 5 === 0) { deleteUpgrades(); } + else if(j === level + 1 && Object.keys(bouncingBalls).length === 0){ + levelComplete = true; + } },1000); - setInterval(function(){ - updateFrameCount() - },200); + updateFrameCount(); + },100); } -startGame(1); - - - - +button.addEventListener("click", function(){ + if(restart === true){ + location.reload(); + } + else{ + levelCompleteSound.play(); + levelCompleteSound.currentTime=0; + level++; + bouncingBalls = {}; + time = 0; + j = 0; + levelComplete = false; + infoContainer.style.display = "none"; + ballSpeed +=0.7; + healthGenerate +=6; + ammoGenerate +=10; + specialAmmoGenerate +=8; + lockPlayer = false; + playFieldBackground.style.background = 'url("images/' + backGrounds[level-1] + '")'; + } +}); diff --git a/sound/bang.wav b/sound/bang.wav new file mode 100644 index 0000000..8ca7af6 Binary files /dev/null and b/sound/bang.wav differ diff --git a/sound/boo.mp3 b/sound/boo.mp3 new file mode 100644 index 0000000..b983c5e Binary files /dev/null and b/sound/boo.mp3 differ diff --git a/sound/damageSound.wav b/sound/damageSound.wav new file mode 100755 index 0000000..c5160d3 Binary files /dev/null and b/sound/damageSound.wav differ diff --git a/sound/gameComplete.mp3 b/sound/gameComplete.mp3 new file mode 100755 index 0000000..5c61b6a Binary files /dev/null and b/sound/gameComplete.mp3 differ diff --git a/sound/getHealth.wav b/sound/getHealth.wav new file mode 100644 index 0000000..bef46df Binary files /dev/null and b/sound/getHealth.wav differ diff --git a/sound/gunshot.wav b/sound/gunshot.wav new file mode 100644 index 0000000..f322dff Binary files /dev/null and b/sound/gunshot.wav differ diff --git a/sound/loudgun.wav b/sound/loudgun.wav new file mode 100644 index 0000000..64e83c1 Binary files /dev/null and b/sound/loudgun.wav differ diff --git a/sound/nicework.wav b/sound/nicework.wav new file mode 100755 index 0000000..6d799a4 Binary files /dev/null and b/sound/nicework.wav differ diff --git a/sound/pop.wav b/sound/pop.wav new file mode 100644 index 0000000..95dca39 Binary files /dev/null and b/sound/pop.wav differ diff --git a/sound/reload.wav b/sound/reload.wav new file mode 100644 index 0000000..cee2999 Binary files /dev/null and b/sound/reload.wav differ diff --git a/sound/shotgunreload.wav b/sound/shotgunreload.wav new file mode 100755 index 0000000..cc1e28b Binary files /dev/null and b/sound/shotgunreload.wav differ