/*Made by Qyther https://www.sololearn.com/Profile/6188666/?ref=app Original code https://code.sololearn.com/W4Vso5EIiZTE/?ref=app*/ //This is a Troshial API code! Feel free to use Troshial! alert("Swipe to get started (for pc click or use keys),\ncontrols:\nPC\nup,down arrow, w and s\nMOBILE\nswipe"); alert("I've put a LOT of effort like usual but this time even more, so enjoy! Please like if you like it and comment for updates!\nPS: Please check out the javascript!") //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 = ["black","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 pos = { a:0, b:0, c:innerWidth/2-4, d:innerHeight/2-4, dx:-1, dy:-1 }, turn = -1, drop = -.5, score = [0,0], cx = 0; function resetball(a,b) { var aghs = score[a]; score[a]++; cx++; if(score[a]>9) { alert("Player " + (Math.ceil(a)+1) + " wins!"); started = 0; score = [0,0]; } pos.c=innerWidth/2-4; pos.d=innerHeight/2-4; turn = -turn; pos.dx = b; pos.dy = b; } var tle = { a:[2,2,2,2,0,2,2,0,2,2,0,2,2,2,2], b:[2,2,0,0,2,0,0,2,0,0,2,0,2,2,2], c:[2,2,2,0,0,2,2,2,2,2,0,0,2,2,2], d:[2,2,2,0,0,2,2,2,2,0,0,2,2,2,2], e:[2,0,2,2,0,2,2,2,2,0,0,2,0,0,2], f:[2,2,2,2,0,0,2,2,2,0,0,2,2,2,2], g:[2,2,2,2,0,0,2,2,2,2,0,2,2,2,2], h:[2,2,2,0,0,2,0,0,2,0,0,2,0,0,2], i:[2,2,2,2,0,2,2,2,2,2,0,2,2,2,2], j:[2,2,2,2,0,2,2,2,2,0,0,2,2,2,2] }, chars="abcdefghij".split(""), started = 0, move = [0,0]; (()=>{ setTimeout(()=>{ document.addEventListener("touchmove",e=>{ started = 1; e = e.changedTouches[0]; if (e.clientY>0&&e.clientYinnerWidth/2) pos.b = e.clientY; } else if (e.clientY<0) { if(e.clientXinnerWidth/2) pos.b = 0; } else { if(e.clientXinnerWidth/2) pos.b = innerHeight-60; } }); document.addEventListener("mousedown",e=>{ if(e.clientX>innerWidth/2-8&&e.clientXinnerHeight-18) { setTimeout(()=>{ started = 0; },50); } else { started = 1; } }); document.addEventListener("keydown",e=>{ started = 1; if(e.keyCode===37) move[0] = 1; if(e.keyCode===40) move[0] = -1; if(e.keyCode===87) move[1] = 1; if(e.keyCode===83) move[1] = -1; }); document.addEventListener("keyup",e=>{ if(e.keyCode===37) move[0] = 0; if(e.keyCode===40) move[0] = 0; if(e.keyCode===87) move[1] = 0; if(e.keyCode===83) move[1] = 0; }); $createCanvas(5); //This is the magic v setInterval(() => { if(move[0]===1) pos.a-=1.2; if(move[0]===-1) pos.a+=1.2; if(move[1]===1) pos.b-=1.2; if(move[1]===-1) pos.b+=1.2; var cw = Math.abs(0-pos.c)<=8; var ch = Math.abs(pos.a+30-pos.d)<=35; var wc = Math.abs(innerWidth-8-pos.c)<=8; var hc = Math.abs(pos.b+30-pos.d)<=35; if (wc&&hc||cw&&ch) { pos.dx = -pos.dx+.05; pos.dy-=.05; turn = -turn; } if (started===1) { pos.c+=pos.dx*1.9; pos.d+=pos.dy*1.9; } if(pos.c<=0) resetball(1,1); if(pos.c>=innerWidth-8) resetball(0,-1); if(pos.d<=0) pos.dy = -pos.dy; if(pos.d>=innerHeight-8) pos.dy = -pos.dy; $deletePixels(); $createPixels([2],0,pos.a,8,60,1); $createPixels([2],innerWidth-8,pos.b,8,60,1); $createPixels([2],pos.c,pos.d,8,8,1); $createPixels(tle[chars[score[0]]],50,5,4,4,3); $createPixels(tle[chars[score[1]]],innerWidth-56,5,4,4,3); $createPixels([2,0,2],innerWidth/2-6,innerHeight-18,4,16,3); },5); }); })();

Pong! Game (TROSHIAL)