//This is a Troshial API code! Feel free to use Troshial! //Do not mind this v var $pixels = []; function $throwError($a) { var $d = new Date(); var $hour = $d.getHours(); var $minu = $d.getMinutes(); var $seco = $d.getSeconds(); if($hour<10) $hour="0"+$hour; if($minu<10) $minu="0"+$minu; if($seco<10) $seco="0"+$seco; return console.error($hour+":"+$minu+":"+$seco+"-TROSHIAL API-ERROR: "+$a); } function $createCanvas($a,$b,$c) { if(!$a) return $throwError("no arguments used to call function \"$createCanvas\""); c = document.createElement("canvas"); if(!$b) c.width = innerWidth; else c.width = $b; if(!$c) c.height = innerHeight; else c.height = $c; document.body.appendChild(c); ctx = c.getContext("2d"); setInterval(()=>{ if(!$b) c.width = innerWidth; else c.width = $b; if(!$c) c.height = innerHeight; else c.height = $c; ctx = c.getContext("2d"); for($i=0;$i<$pixels.length;$i++) { var $codl = $pixels[$i].split("$"); var $x = $codl[0]; var $y = $codl[1]; var $w = $codl[2]; var $h = $codl[3]; var $col = $codl[4]; ctx.fillStyle = $col; ctx.fillRect($x,$y,$w,$h); } },$a); } function $deletePixels() { setTimeout(()=>{ $pixels = []; }); } function $createPixels($a,$b,$c,$d,$e,$f,$g) { setTimeout(()=>{ if($a===(null||undefined)) return $throwError("missing arguments used to call function \"$createPixel\" 6/6"); if($b===(null||undefined)) return $throwError("missing arguments used to call function \"$createPixel\" 5/6"); if($c===(null||undefined)) return $throwError("missing arguments used to call function \"$createPixel\" 4/6"); if(!$d) return $throwError("missing arguments used to call function \"$createPixel\" 3/6"); if(!$e) return $throwError("missing arguments used to call function \"$createPixel\" 2/6"); if(!$f) return $throwError("missing arguments used to call function \"$createPixel\" 1/6"); if(!$g) $g = ["white"]; try { var $cou = -1; var $x = $b-$d; var $y = $c; for($i=0;$i<$a.length;$i++) { $cou++; if($cou>=$f) { $x=$b-$d; $y+=$e; $cou=0; } $x+=$d; if($a[$i]!==0) { ctx.fillStyle = $g[$a[$i]-1]; ctx.fillRect($x,$y,$d,$e); $pixels.push($x+"$"+$y+"$"+$d+"$"+$e+"$"+$g[$a[$i]-1]); } } } catch($hGJhahahwiks) { return $throwError("canvas hasn't yet been created yet (missing ctx object)"); } }); } //Do not mind this ^ var side = 0, animations = [[0,0,0,0,0,3,3,3,3,0,0,0,0,0, 0,0,0,0,3,3,3,3,3,3,0,0,0,0, 0,0,0,0,3,1,3,3,1,3,0,0,0,0, 0,0,0,0,3,1,1,1,1,3,0,0,0,0, 0,0,0,0,3,4,1,1,4,3,0,0,0,0, 0,0,0,1,3,1,1,1,1,3,1,0,0,0, 0,0,0,0,1,1,1,1,1,1,0,0,0,0, 0,0,0,0,1,1,1,1,1,1,0,0,0,0, 0,0,0,0,1,1,5,5,1,1,0,0,0,0, 0,0,0,0,0,1,1,1,1,0,0,0,0,0, 0,0,0,2,2,2,1,1,2,2,2,0,0,0, 0,0,2,2,2,2,2,2,2,2,2,2,0,0, 0,2,2,2,2,2,2,2,2,2,2,2,2,0, 2,2,2,2,3,3,2,3,2,3,2,2,2,2, 2,2,0,2,3,3,2,3,3,3,2,0,2,2, 2,2,0,2,2,2,2,2,2,2,2,0,2,2, 2,2,0,2,2,2,2,2,2,2,2,0,2,2, 2,2,0,2,2,2,2,2,2,2,2,0,2,2, 2,2,0,2,2,2,2,2,2,2,2,0,2,2, 2,2,0,2,2,2,2,2,2,2,2,0,2,2, 2,2,0,2,2,2,2,2,2,2,2,0,2,2, 1,1,0,6,6,6,6,6,6,6,6,0,1,1, 1,1,0,6,6,6,6,6,6,6,6,0,1,1, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,4,4,4,0,0,4,4,4,0,0,0, 0,0,4,4,4,4,0,0,4,4,4,4,0,0, 0,0,4,4,4,4,0,0,4,4,4,4,0,0], [0,0,0,0,0,3,3,3,3,0,0,0,0,0, 1,1,0,0,3,3,3,3,3,3,0,0,1,1, 1,1,0,0,3,1,3,3,1,3,0,0,1,1, 2,2,0,0,3,1,1,1,1,3,0,0,2,2, 2,2,0,0,3,4,1,1,4,3,0,0,2,2, 2,2,0,1,3,1,1,1,1,3,1,0,2,2, 2,2,0,0,1,1,1,1,1,1,0,0,2,2, 2,2,0,0,1,1,1,1,1,1,0,0,2,2, 2,2,0,0,1,1,5,5,1,1,0,0,2,2, 2,2,0,0,0,1,1,1,1,0,0,0,2,2, 2,2,0,2,2,2,1,1,2,2,2,0,2,2, 2,2,2,2,2,2,2,2,2,2,2,2,2,2, 0,2,2,2,2,2,2,2,2,2,2,2,2,0, 0,0,2,2,3,3,2,3,2,3,2,2,0,0, 0,0,0,2,3,3,2,3,3,3,2,0,0,0, 0,0,0,2,2,2,2,2,2,2,2,0,0,0, 0,0,0,2,2,2,2,2,2,2,2,0,0,0, 0,0,0,2,2,2,2,2,2,2,2,0,0,0, 0,0,0,2,2,2,2,2,2,2,2,0,0,0, 0,0,0,2,2,2,2,2,2,2,2,0,0,0, 0,0,0,2,2,2,2,2,2,2,2,0,0,0, 0,0,0,6,6,6,6,6,6,6,6,0,0,0, 0,0,0,6,6,6,6,6,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,6,6,6,0,0,6,6,6,0,0,0, 0,0,0,4,4,4,0,0,4,4,4,0,0,0, 0,0,4,4,4,4,0,0,4,4,4,4,0,0, 0,0,4,4,4,4,0,0,4,4,4,4,0,0]], animation = animations[0], velo = [(Math.floor(Math.random()*20)-10)/5,Math.floor(Math.random()*8)+4], pos = [0,0], score = [0,0], multiplier = 1; (()=>{ setTimeout(()=>{ document.addEventListener("touchstart",e=>{ e = e.changedTouches[0]; if(e.clientX{ document.getElementsByTagName("h1")[2].innerHTML = score[0]+"-"+score[1]; var aj = 0; if(side!==0) { sidej = side*45; animation = animations[1]; } else { sidej = 0; animation = animations[0]; } $deletePixels(); document.getElementsByTagName("h1")[0].style.left = "0"; document.getElementsByTagName("h1")[1].style.left = innerWidth-document.getElementsByTagName("h1")[1].clientWidth+"px"; $createPixels([ 1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1, 1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1 ],innerWidth/2-90,10,6,6,30,["black"]); $createPixels(animation,innerWidth/2-(14*2.7/2)+sidej,20,2.3,2.3,14,["pink","red","gold","sienna","black","gold"]); $createPixels([ 0,0,0,1,1,1,1,1,1,0,0,0, 0,0,1,1,2,1,1,2,1,1,0,0, 0,1,1,1,2,2,2,2,1,1,1,0, 0,1,2,2,2,2,2,2,2,2,1,0, 0,1,1,2,2,1,1,2,2,1,1,0, 0,1,1,2,2,1,1,2,2,1,1,0, 0,1,2,2,2,2,2,2,2,2,1,0, 0,1,1,1,2,2,2,2,1,1,1,0, 0,0,1,1,2,1,1,2,1,1,0,0, 0,0,0,1,1,1,1,1,1,0,0,0 ],innerWidth/2-20-pos[0],innerHeight-36-pos[1],3,3,12,["black","white"]); if(pos[1]>innerHeight-95) { if(pos[0]>-84&&pos[0]<84) { if(pos[0]>-84&&pos[0]<-28&&side!==1) { alert("Hit!"); score[1]++; multiplier-=.1; } else if(pos[0]>28&&pos[0]<84&&side!==-1) { alert("Hit!"); score[1]++; multiplier-=.1; } else if(pos[0]>-28&&pos[0]<28&&side!==0) { alert("Hit!"); multiplier-=.1; score[1]++; } else { alert("Blocked"); multiplier+=.05; score[0]++; } pos=[0,0]; velo = [(Math.floor(Math.random()*20)-10)/5,(Math.floor(Math.random()*8)+4)*multiplier]; side=0; } else { side = 0; pos=[0,0]; alert("Miss!"); velo = [(Math.floor(Math.random()*20)-10)/5,(Math.floor(Math.random()*8)+4)*multiplier]; } } else { pos[0]+=velo[0]; pos[1]+=velo[1]; } }); }); })();

ALL PIXELS! Penalty Keeper! Game (TROSHIAL)