// thanks to Russ // Created by jelger.js var nummer alert("tap a zombie to shoot it") $(document).ready(function() { setInterval(zombBeweeg, 500); $('#moveleft').click(function() { $('#textbox').animate({left: "-=30px"}); setTimeout(lala, 180)}); $('#moveright').click(function() { setTimeout(lala, 180) $('#textbox').animate({left: "+=30px"}); lala()}); $('#movedown').click(function() { setTimeout(lala, 180) $('#textbox').animate({top: "+=30px"}); lala()}); $('#moveup').click(function() { setTimeout(lala, 180) $('#textbox').animate({top: "-=30px"}); lala()}); }); function zombBeweeg(){ var nummer=Math.random()*9 nummer=Math.round(nummer) if(nummer==2){ $('.zombie1').animate({left: "-=30px"}); $('.zombie2').animate({left: "+=30px"}); $('.zombie3').animate({left: "-=30px"}); } else if(nummer==3){ $('.zombie1').animate({top: "-=30px"}); $('.zombie2').animate({top: "+=30px"}); $('.zombie3').animate({left: "+=30px"}); } else if(nummer==4){ $('.zombie1').animate({top: "+=30px"}); $('.zombie2').animate({top: "-=30px"}); $('.zombie3').animate({top: "-=30px"}); } else if(nummer==5){ $('.zombie1').animate({left: "+=30px"}); $('.zombie2').animate({left: "-=30px"}); $('.zombie3').animate({top: "+=30px"}); } if(nummer==6){ $('.zombie1').animate({left: "-=30px"}); $('.zombie2').animate({left: "-=30px"}); $('.zombie3').animate({right: "+=30px"}); } else if(nummer==7){ $('.zombie1').animate({top: "+=30px"}); $('.zombie2').animate({top: "+=30px"}); $('.zombie3').animate({right: "-=30px"}); } else if(nummer==8){ $('.zombie1').animate({top: "-=30px"}); $('.zombie2').animate({top: "-=30px"}); $('.zombie3').animate({bottom: "+=30px"}); } else if(nummer==9){ $('.zombie1').animate({left: "+=30px"}); $('.zombie2').animate({left: "+=30px"}); $('.zombie3').animate({bottom: "-=30px"}); } setTimeout(lala, 180) } var i=0; function lala(){ var x1 = $('#textbox').offset().left; var y1 = $('#textbox').offset().top; var h1 = $('#textbox').outerHeight(true); var w1 = $('#textbox').outerWidth(true); var b1 = y1 + h1; var r1 = x1 + w1; var x2 = $('#hello').offset().left; var y2 = $('#hello').offset().top; var h2 = $('#hello').outerHeight(true); var w2 = $('#hello').outerWidth(true); var x3 = $('.zombie2').offset().left; var y3 = $('.zombie2').offset().top; var h3 = $('.zombie2').outerHeight(true); var w3 = $('.zombie2').outerWidth(true); var b2 = y2 + h2; var r2 = x2 + w2; var b3 = y3 + h3 var r3 = x3 + w3 //console.log(x1,r1,y1,b1,":",x2,r2,y2,b2); if (((y2 <= b1 && b1 <= b2) || (y1 <= b2 && b2 <= b1)) && ((x1 >= r2 && r2 >= r1) || (x1 <= x2 && x2 <= r1))|| ((y3 <= b1 && b1 <= b3) || (y1 <= b3 && b3 <= b1)) && ((x1 >= r3 && r3 >= r1) || (x1 <= x3 && x3 <= r1))){ console.log('You are eaten') } } function zombKill(){ $(".zombie1").hide() } function zomb2Kill(){ $(".zombie2").hide() } function zomb2Kidll(){ $(".zombie3").hide() }

Zombie fighter game