alert("Make sure to read the HTML Comment before playing this game.\nCompatible on mobiles only. Might be compatible on other platforms but it might cause a bug."); var gameOngoing; var dbugvar = 1; var level = 0; var combo = 0; var score = 0; var oldScore = 0; var nextScore = 50; var AccuracyPoint = 0; var accres = 0; var speed = 2; var collecteddict = { "rgb(0, 0, 255)":0, "rgb(0, 136, 255)":0, "rgb(0, 255, 255)":0, "rgb(255, 0, 255)":0, "rgb(136, 0, 136)":0, "rgb(0, 0, 0)":0, "rgb(255, 0, 0)":0, "rgb(255, 255, 0)":0, "rgb(0, 255, 0)":0, "rgb(255, 136, 0)":0 }; var totaldict = { "rgb(0, 0, 255)":0, "rgb(0, 136, 255)":0, "rgb(0, 255, 255)":0, "rgb(255, 0, 255)":0, "rgb(136, 0, 136)":0, "rgb(0, 0, 0)":0, "rgb(255, 0, 0)":0, "rgb(255, 255, 0)":0, "rgb(0, 255, 0)":0, "rgb(255, 136, 0)":0 }; let none; //I need shortcuts var randColor = ["#0000FF", "#0000FF", "#0088FF", "#FF00FF", "#00FFFF"]; function setUnion(arr1, arr2){ let res = []; for (var ind = 0; ind < arr1.length; ind++){ if (arr2.indexOf(arr1[ind]) != -1){ res.push(arr1[ind]); } } return res; } function setRange(x,y){ let res = []; for(;x { let gBox = document.getElementsByClassName("gBox")[0]; let newPix = document.createElement("div"); newPix.style.background = this.color; newPix.style.left = this.x+"px"; newPix.style.top = this.y+"px"; newPix.style.width = this.width; newPix.style.height = this.height; newPix.style.speed = this.speed; newPix.setAttribute("id", this.direction); newPix.style.collision = this.collide; newPix.style.position = "absolute"; newPix.style.zIndex = "0"; newPix.className = "pix"; gBox.appendChild(newPix); return newPix; } } function levelUp(){ debugUpdate(); level++; nextScore = (25*level**2)+(25*level)+50; let colorList=["#0000FF","#0088FF","#00FFFF","#FF00FF","#880088","#000000","#FF0000","#FFFF00","#00FF00","#FF8800",none] for (let useless = 0; useless < level; useless++){ let chosen = colorList[parseInt(Math.random()*11)]; randColor.push(chosen); randColor.push("#FF0000"); } } function updateAnim(){ dbugvar++; if (score>=nextScore){levelUp();} if (dbugvar > (100-level)){ dbugvar = 0; let chosencolor = randColor[parseInt(Math.random()*randColor.length)]; speed = parseInt(level/3+2) if (chosencolor != none){ let PixelBox = new BoxPixel(chosencolor, speed); let newPix = PixelBox.appearStart(); totaldict[newPix.style.background]++; } } var pixArr = document.getElementsByClassName("pix"); var gbox = document.getElementsByClassName("gBox")[0]; for (var ind = 0; ind < pixArr.length; ind++){ let elem = pixArr[ind]; let e = elem.style; let topc = parseInt(e.top.replace("px","")); let lefc = parseInt(e.left.replace("px", "")); if (topc > 490){ if (e.background == "rgb(0, 0, 255)" || e.background == "rgb(0, 136, 255)" || e.background == "rgb(0, 255, 255)"){ combo=0; } gbox.removeChild(elem); continue; } if (lefc > 340 || lefc < 12){ elem.setAttribute("id", parseInt(elem.getAttribute("id")*-1)) } e.top = (topc + e.speed)+"px"; e.left = (lefc + parseInt(elem.getAttribute("id")))+"px"; var objelem = pixArr[ind] let collision = isCollide(); if (collision[0]){ let pix = collision[1]; let pixColor = pix.style.background; collecteddict[pixColor]++; gbox.removeChild(pix); scoreSystem(pix, pixColor); } } debugUpdate(); } function gameInit(){ updateAnim(); //accptUpdate(); } window.onload = () => { let el = document.getElementsByClassName("gBox")[0]; el.addEventListener("touchmove", touchmovehandler); el.addEventListener("touchstart", touchmovehandler) let bctc = document.getElementsByClassName("boxCatch")[0]; bctc.style.top="367.5px"; bctc.style.left="175px"; bctc.style.width="100px"; bctc.style.height="35px"; debugUpdate(); gameOngoing = setInterval(gameInit, 10); } function getPixelRange(elementname){ let element = document.getElementsByClassName(elementname)[0]; let result = []; let x = parseInt(element.style.left.replace("px", "")); let y = parseInt(element.style.top.replace("px", "")); let width = parseInt(element.style.width.replace("px", "")); let height = parseInt(element.style.height.replace("px", "")); for (var xval = x-(parseInt(width/2)); xval < x+(parseInt(width/2)); xval ++){ for (var yval = y-(parseInt(height/2)); yval < y+(parseInt(height/2)); yval ++){ result.push(Array(xval,yval)); } } return result; } function debugUpdate() { try{ accptUpdate(); let debug = document.getElementsByClassName("debug")[0]; let bctc = document.getElementsByClassName("boxCatch")[0]; debug.innerHTML = "Combo: "+combo+" || Level: "+level+" || Score: "+score+"/"+nextScore+"
Accuracy Point: "+AccuracyPoint+"_AP"; let progress = document.getElementById("levelprogress"); progress.setAttribute("value",parseInt((score/nextScore)*100))}catch{return;} } function touchmovehandler(eve){ let obj = document.getElementsByClassName("boxCatch")[0]; var touchobj = eve.changedTouches[0]; let Cx, Cy; if (parseInt(touchobj.clientX) > 298){Cx = 298} else if (parseInt(touchobj.clientX) < 64){Cx = 64} else {Cx = touchobj.clientX;} if (parseInt(touchobj.clientY) > 478){Cy = 478} else if (parseInt(touchobj.clientY) < 28) {Cy = 28} else{Cy = touchobj.clientY;} endx = parseInt(touchobj.clientX); endy = parseInt(touchobj.clientY); obj.style.top = Cy-17.5+"px"; obj.style.left = Cx+"px"; debugUpdate(); } function scoreSystem(pix, pixColor){ oldScore = score; let bC = document.getElementsByClassName("boxCatch")[0]; let highpos = 10-(parseInt(bC.style.top.replace("px","")/49)); if (pixColor == "rgb(0, 0, 255)"){ score += highpos*(combo+1); combo ++; collecteddict["rgb(0, 0, 255)"]++; }else if (pixColor == "rgb(0, 136, 255)"){ score += highpos*5*(combo+1); combo ++; collecteddict["rgb(0, 136, 255)"]++; }else if (pixColor == "rgb(0, 255, 255)"){ score += highpos*10*(combo+1); combo ++; collecteddict["rgb(0, 255, 255)"]++; }else if (pixColor == "rgb(255, 0, 255)"){ score -= highpos*(combo+1); combo ++; collecteddict["rgb(255, 0, 255)"]++; }else if (pixColor == "rgb(136, 0, 136)"){ score -= highpos*5*(combo+1); combo ++; collecteddict["rgb(136, 0, 136)"]++; }else if (pixColor == "rgb(0, 0, 0)"){ score -= highpos*10*(combo+1); combo ++; collecteddict["rgb(0, 0, 0)"]++; }else if (pixColor == "rgb(255, 255, 0)"){ combo *= 2; collecteddict["rgb(255, 255, 0)"]++; }else if (pixColor == "rgb(0, 255, 0)"){ combo *= 3; collecteddict["rgb(0, 255, 0)"]++; }else if (pixColor == "rgb(255, 136, 0)"){ combo = 0; collecteddict["rgb(255, 136, 0)"]++; }else if (pixColor == "rgb(255, 0, 0)"){ combo++; collecteddict["rgb(255, 0, 0)"]++; accptUpdate(); gameOver(); } accptUpdate(); } function accptUpdate(){ let accBlue = collecteddict["rgb(0, 0, 255)"]*1.1; let accSky = collecteddict["rgb(0, 136, 255)"]*2.2; let accCyan = collecteddict["rgb(0, 255, 255)"]*3.3; let accMagenta = collecteddict["rgb(255, 0, 255)"]*-1.1; let accViolet = collecteddict["rgb(136, 0, 136)"]*-5.5; let accBlack = collecteddict["rgb(0, 0, 0)"]*-11; let accYellow = collecteddict["rgb(255, 255, 0)"]*-2.2; let accLime = collecteddict["rgb(0, 255, 0)"]*-1.1; let accOrange = (1-collecteddict["rgb(255, 136, 0)"])*2.2; let accRed = (1-collecteddict["rgb(255, 0, 0)"])*2.2; let accPositive = score/((accBlue+accSky+accCyan+accYellow+accLime)+0.1); let accNegative = (accMagenta+accViolet+accBlack+accOrange+accRed)*2; let accPos = speed let accCombo = (level/(combo+1)); let accScore = score/nextScore; accres += (((accPositive)*accCombo*accScore)+accNegative)/60000; let stringres = ""+accres; AccuracyPoint = parseFloat(stringres.slice(0,stringres.indexOf('.')+2)); } function gameOver(){ let overNode = '

Aw shoot. You Accidentally touched the Red Pixel. If you want to play again, try restarting the web code.
Go Down to see the Results
|
|
V'+('
'.repeat(100))+'GAME OVERScore: &score;/&nextScore;

Accuracy Based on Pixels Caught: &accPercent;%

Level: &level;

Speed Reached: &speed;PIXELS PER LEVEL OF SCORES

Accuracy Points: &Accuracy_Point;AP
 &rank;% of people did this better than you. No roast here ;DShare this to your friends by screenshotting this card to everyone in this community.Follow OfficialAz3 on Sololearn <-- click
Subscribe to OfficialAz3 on MCPEDL <-- click
Join our Original Discord Community (Rhythmic Games Hub) <-- click

'.replace("&score;", score).replace("&nextScore;", nextScore).replace("&accPercent;", (score/nextScore)*100).replace("&level;", level).replace("&speed;", speed).replace("&Accuracy_Point;", AccuracyPoint).replace("&rank;", 100-((AccuracyPoint/67.8)*100)); alert("GAME OVER."); clearInterval(gameOngoing); document.write(overNode) }

Aw shoot. You Accidentally touched the Red Pixel. If you want to play again, try restarting the web code.

Go Down to see the Results
|
|
V

GAME OVER

Accuracy Points: &Accuracy_Point;_AP

&rank;_% of people did this better than you. No roast here ;D

Share this to your friends by screenshotting this card to everyone in this community.

Follow OfficialAz3 on Sololearn <-- click
Subscribe to OfficialAz3 on MCPEDL <-- click
Join our Original Discord Community (Rhythmic Games Hub) <-- click

Aw shoot. You Accidentally touched the Red Pixel. If you want to play again, try restarting the web code.

Go Down to see the Results||V

GAME OVER

Accuracy Points: &Accuracy_Point;AP

&rank;% of people did this better than you. No roast here ;D

Share this to your friends by screenshotting this card to everyone in this community.

Follow OfficialAz3 on Sololearn <-- clickSubscribe to OfficialAz3 on MCPEDL <-- clickJoin our Original Discord Community (Rhythmic Games Hub) <-- click

Go Down to see the Results
|
|
V

Accuracy Points: &Accuracy_Point;_AP

&rank;_% of people did this better than you. No roast here ;D

Follow OfficialAz3 on Sololearn <-- click
Subscribe to OfficialAz3 on MCPEDL <-- click
Join our Original Discord Community (Rhythmic Games Hub) <-- click

Catch The Box