var highscore=0; window.onload = function() { var canvas = document.getElementById("canvas"); var ctx=canvas.getContext("2d"); var cw = canvas.width = 360; var ch = canvas.height= 390; var time=0; var speed=0; var s = 0; var w =30, h=30; var x = Math.round((Math.random()*(canvas.width-1))/h)*h; var y = 0; var bricks = []; var brc = canvas.height/h; var bcc = canvas.width/w; var ri = document.getElementById("right"); var le = document.getElementById("left"); var down = document.getElementById("down"); var score = document.getElementById("score"); var brick = new Image(); brick.src="https://i.ibb.co/Qkb0NYz/iq8h45enu12hokcsh0vg1c2dq8-7b1e7fe3b68cd8a5344ff809668635ed.png"; function initBricks(){ for(var c=0; ccanvas.height){ x= Math.round((Math.random()*(canvas.width-1))/h)*h; y=0; } } time+=1; } animate(); ///Move Event/// ri.onclick= (e) => { e.preventDefault(); for(var c=0; c { e.preventDefault(); for(var c=0; c0) if(bricks[c][r].x==x && bricks[c][r].y==y && bricks[c-1][r].s==0) return x-=w; } down.addEventListener("touchstart", (e) => { e.preventDefault(); speed=1; time =0; }); down.addEventListener("touchend", () => { speed=0; time =0; }); } window.onresize = function(){ canvas.width= 360; canvas.height= 390; }

Arrange brick