//making global variables var p,b,s=0,power=1,time,setT; //calling functions when the window loads window.onload=function g(){ /*alert("The previous version was only designed by me i failed to make the game functional (I was only a beginner at that time). Visph made the game functional .After like one or two months learning more about objects and undersatnding the CSS better i recreated the game from the beginning .\n\nOnly the idea is same the whole looks , script and its logic is changed.") alert("The sides are portal to the other side just like the snake game")*/ p=new Player; b=new Bug; b.display(); p.pos.innerHTML="Player = x : "+p.x+" , y : "+p.y; tOut(); } //creating player function Player(){ this.p=document.getElementById("player"), this.x=0, this.y=0, this.s=document.getElementById("score"), this.pos=document.getElementById("playerXY") this.display=function (){ this.p.style.left=this.x+"%"; this.p.style.top=this.y+"%"; } this.right=function (){ if(this.x<=80){ this.x+=10; }else if(this.x>80){ this.x=0; } } this.left=function (){ if(this.x>=10){ this.x-=10; }else if(this.x<10){ this.x=90; } } this.up=function (){ if(this.y>=10){ this.y-=10; }else if(this.y<10){ this.y=90; } } this.down=function (){ if(this.y<=80){ this.y+=10; }else if(this.y>80){ this.y=0; } } this.kill=function (){ if(this.x===b.x && this.y===b.y){ s+=power; b.display(); this.s.innerHTML="Score : "+s; } } this.changePos=function (){ b.display(); } } //creating bug object with its functions function Bug(){ this.mi=document.getElementsByClassName("material-icons"), this.b=document.getElementById("bug"), this.x=(Math.floor(Math.random()*10)+0)*10, this.y=(Math.floor(Math.random()*10)+0)*10, this.pos=document.getElementById("bugXY"), this.cr, this.cg, this.cb, this.display=function (){ this.x=(Math.floor(Math.random()*10)+0)*10; this.y=(Math.floor(Math.random()*10)+0)*10; this.b.style.left=this.x+"%"; this.b.style.top=this.y+"%"; this.cr=Math.floor(Math.random()*225)+50, this.cg=Math.floor(Math.random()*225)+50, this.cb=Math.floor(Math.random()*225)+50, this.mi[1].style.color="rgb("+this.cr+","+this.cg+","+this.cb+")"; this.pos.innerHTML="Bug = x : "+b.x+" , y : "+b.y; p.kill(); tOut(); } } //timeout function for bugs function tOut(){ var ran=Math.floor(Math.random()*4)+2; clearInterval(time); time=setTimeout(p.changePos,ran*1000); } //timer of 30s function timer(){ var t=document.getElementById("timer"); clearInterval(setT); var seconds=30; s=0; t.innerHTML=seconds+"s"; p.s.innerHTML="Score : "+s; setT=setInterval(add,1000) function add(){ seconds--; t.innerHTML=seconds+"s"; if(seconds==0){ clearInterval(setT); pop(true,"You caught "+s+" bugs in 30s.
Score : "+s+"
Better luck next time

Click ok to Play again

Seconds taken to catch one bug : "+Math.round(30/s*100)/100+"
Leave a like"); s=0; p.s.innerHTML="Score : "+s; } } } //direction control functions function right(){ p.right(); p.display(); p.kill(); p.pos.innerHTML="Player = x : "+p.x+" , y : "+p.y; } function left(){ p.left(); p.display(); p.kill(); p.pos.innerHTML="Player = x : "+p.x+" , y : "+p.y; } function up(){ p.up(); p.display(); p.kill(); p.pos.innerHTML="Player = x : "+p.x+" , y : "+p.y; } function down(){ p.down(); p.display(); p.kill(); p.pos.innerHTML="Player = x : "+p.x+" , y : "+p.y; } //popup function function pop(x,value){ var popup=document.getElementById("popup"); var blur=document.getElementById("blur"); var wri=document.getElementById("write"); wri.innerHTML=value; if(x==true){ show(); }else if(x==false){ close(); } function show(){ popup.style.height="80%"; blur.style.height="100%"; } function close(){ popup.style.height="0px" ; blur.style.height="0%"; timer(); } } //changing icon functions function iconChange(pb){ var pI=document.getElementById("pIcon"); var bI=document.getElementById("bIcon"); if(pb==true){ pIconChange(); }else if(pb==false){ bIconChange(); } function pIconChange(){ var iArray=["all_out","donut_large","gps_not_fixed","camera","face","mood","adb","filter_tilt_shift","crop_free"]; var r=Math.floor(Math.random()*iArray.length)+0; pI.innerHTML=iArray[r]; } function bIconChange(){ var iArray= ["whatshot","album","memory","flash_on","bug_report","ac_unit","blur_circular","group_work","🐞"]; var r=Math.floor(Math.random()*iArray.length)+0; bI.innerHTML=iArray[r]; } }

Debugger🐞 Game (Rebuilt) v2.4.2