var gameInterval; var fallingSpeed; var easyModeFactor; var color1; var color2; var vPillar; var reverseXStatus; var reversable; var dead; var score; var scorable; var level; var highscore; window.onload = function () { $("body").on("click", function () { jump(); }); /*LOCALSTORAGE DOESN'T WORK ON SL if (localStorage.getItem("BirdyHS") !== null) { highscore = localStorage.getItem("BirdyHS"); $("#overHighScore").text("HIGHSCORE: " + highscore); } else { highscore = 0; $("#overHighScore").text("HIGHSCORE: " + 0); }*/ highscore = 0; $("#overHighScore").text("HIGHSCORE: " + 0); changeColors(); } function newGame(emf) { changeColors(); score = 0; scorable = true; level = 1; levelSettable = true; reversable = true; reverseXStatus = 1; reverseYStatus = 1; dead = false; fallingSpeed = -2; easyModeFactor = emf; makeFaster("4s", "6s"); newPillars(); $("#field").css("transform", "scale(1)"); $("#player, #playerShadow").css("top", "50%"); $("#score").text(0); $("#overPop").slideUp(300); clearInterval(gameInterval); gameInterval = setInterval(function () { game(); }, 1000/60); } function gameOver() { clearInterval(gameInterval); $(".pillar, .shadow").each(function () { $(this).css("animation-play-state", "paused"); }); setTimeout(function () { $(".pillar, .shadow").each(function () { $(this).remove(); }); }, 500); if (score > highscore) { highscore = score; //localStorage.setItem("BirdyHS", highscore); $("#overHighScore").text("HIGHSCORE: " + highscore); } $("#overScore").text("SCORE: " + score); $("#overPop").fadeIn(500); } function jump() { fallingSpeed = -1.4 * easyModeFactor; } function fall() { var positionY = (parseInt($("#player").css("top"))/$(window).height()*100); $("#player, #playerShadow").css("top", positionY + fallingSpeed + "%"); fallingSpeed = fallingSpeed + 0.1 * easyModeFactor; } //NEW ELEMENTS function newPillars() { var randInt = randomNumber(1, 6); if (randInt >= 4) { var topHeight = randomNumber(10, 70); var bottomHeight = randomNumber((100-topHeight-40), (100-topHeight-20)) var topPillar = $("

").attr("class", "pillar top").css({ "height": topHeight + "%", "background-color": color2, "animation-duration": vPillar }); var bottomPillar = $("

").attr("class", "pillar bottom").css({ "height": bottomHeight + "%", "background-color": color2, "animation-duration": vPillar }); var topShadow = $("

").attr("class", "shadow top").css({ "height": topHeight + 2 + "%", "animation-duration": vPillar }); var bottomShadow = $("

").attr("class", "shadow bottom").css({ "height": bottomHeight - 2 + "%", "animation-duration": vPillar }); $("#field").prepend(topShadow); $("#field").prepend(bottomShadow); $("#field").prepend(topPillar); $("#field").prepend(bottomPillar); } else if (randInt == 1) { addItem("reverse", "↔"); } else if (randInt == 2) { addItem("lightUp", "⚡"); } else if (randInt == 3) { addItem("rotate", "↻"); } } function addItem(itemType, itemSymb) { var item = $("

").attr("class", "pillar item"); item.addClass(itemType).text(itemSymb).css("animation-duration", vPillar); $("#field").prepend(item); } function removePillars() { $(".pillar ,.shadow").each(function () { var position = (parseInt($(this).css("right"))/$(window).width())*100; if (position > 100) { $(this).remove(); } }); } //COLISSION DETECTION function collissionDetection() { var playerXLeft = parseInt($("#player").css("left")); var playerXRight = playerXLeft + 20; var playerYTop = parseInt($("#player").css("top")); var playerYBottom = playerYTop + 20; var pillarXRight; var pillarXLeft; var pillarYTop; var pillarYBottom; dead = false; if (playerYBottom > 0 && playerYTop < $(window).height()) { $(".pillar").each(function () { pillarXLeft = parseInt($(this).css("left")); pillarXRight = pillarXLeft + parseInt($(this).width()); pillarYTop = parseInt($(this).css("top")); pillarYBottom = pillarYTop + parseInt($(this).height()); if (playerXRight > pillarXLeft && playerXLeft < pillarXRight) { if ($(this).hasClass("item")) { if ($(this).hasClass("reverse")) { reverseGame(); } else if ($(this).hasClass("lightUp")) { lightUp(); } else if ($(this).hasClass("rotate")) { rotateGame(); } } else { if (playerYTop < pillarYBottom && playerYBottom > pillarYTop) { dead = true; } } } }); } else { dead = true; } if (dead) { gameOver(); } } function setScore() { if (scorable) { scorable = false; score++; $(".score").each(function () { $(this).text(score); }); setTimeout(function () { scorable = true; }, 200); /*if (levelSettable) { levelSettable = false; setTimeout(function () { levelSettable = true; }, 500);*/ setLevel(); //} } } function setLevel() { if (score > 500) { level = 7; makeFaster("1s", "0.5s"); } else if (score > 400) { level = 6; makeFaster("1.5s", "1s"); } else if (score > 300) { level = 5; makeFaster("2s", "2s"); } else if (score > 200) { level = 4; makeFaster("2.5s", "3s"); } else if (score > 100) { level = 3; makeFaster("3s", "4s"); } else if (score > 50) { level = 2; makeFaster("3.5s", "5s"); } } function makeFaster(vPillars, vScore) { /*$(".pillar, .shadow").each(function () { $(this).css("animation-duration", vPillars); });*/ vPillar = vPillars; } //ITEMS ACTIONS function reverseGame() { if (reversable) { reversable = false; setTimeout(function () { reversable = true; }, 300); if (reverseXStatus == 1) { reverseXStatus = -1; } else { reverseXStatus = 1; } $("#field").css("transform", "scale(" + reverseXStatus + ", " + reverseYStatus + ")"); } } function lightUp() { $("#field").css("filter", "brightness(200%) contrast(250%)"); setTimeout(function () { $("#field").css("filter", "brightness(100%) contrast(100%)"); }, 750); } function rotateGame() { if (reversable) { reversable = false; if (reverseYStatus == 1) { reverseYStatus = -1; } else { reverseYStatus = 1; } $("#field").css("transform", "scale(" + reverseXStatus + ", " + reverseYStatus + ")"); setTimeout(function () { reversable = true; }, 300); } } function changeColors() { var colorList = randomColors(); color1 = colorList[0]; color2 = colorList[1]; $("body, #field, #overPop, .newGameButton").css("background-color", color1); $("#field, #overPop, button").css("color", color2); $("#player").css("background-color", color2); $(".newGameButton").each(function() { var id = $(this).attr("id"); $(this).on ({ touchstart: function () { fillButton(id, color1, color2); }, mouseenter: function () { fillButton(id, color1, color2); }, touchend: function () { fillButton(id, color2, color1); }, mouseleave: function () { fillButton(id, color2, color1); } } )}); } function fillButton (id, fg, bg){ $("#" + id).css("background-color", bg); $("#" + id).css("color", fg); } function randomNumber(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } function randomColors() { var c1List = ["#"]; var c2List = ["#"]; var c1Str; var c2Str; var values = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"]; for (i = 1; i <= 6; i++) { var randInt = randomNumber(0, 10); c1List.push(values[randInt]); c2List.push(values[randInt + 5]); } c1Str = c1List.join(""); c2Str = c2List.join(""); return [c1Str, c2Str]; } /*function clearLocalStorage() { if (confirm("ALLES LÖSCHEN?!?!?!")) { localStorage.removeItem("BirdyHS"); } }*/ function game() { var position = (parseInt($(".pillar").first().css("right"))/$(window).width())*100; if (position > randomNumber(30, 50)) { newPillars(); } removePillars(); collissionDetection(); setScore(); fall(); }

BIRDY FLIP (Game)