window.onload = function () { var canvas = document.getElementById("canvas"); var image = document.getElementById('source');//FF boss var image2 = document.getElementById('source2');//hq bg var zeke=document.getElementById("zeke"); var image3 = document.getElementById('source3');//hq cactus var image4 = document.getElementById('source4');//hq player var c = canvas.getContext("2d"); canvas.addEventListener("click",camera); function camera(){ if (cameraLock==1) cameraLock=0; else cameraLock=1; } var leftKey = document.getElementById("leftKey"); var rightKey = document.getElementById("rightKey"); var upKey = document.getElementById("upKey"); var shootKey = document.getElementById("shoot"); var weapons = document.getElementById("weapons"); var g = 0; var yd = 0; var d = 1.5; var x = 100; var y = 280; var gunX = 8; var isJumping = false; var bt = x; var cattiviHP; var bul = []; var cattivi = []; var cattiviType = []; var direction = []; var sbem = []; var versoB=[]; var verso=[]; var holyB=[]; var dim =[] var bulForce = 1; var cameraLock = 0; var weapon= 0; //https://image.flaticon.com/icons/svg/76/76865.svg class player { constructor(x, y, gunX,weapon) { if (x>900&&x<1350){ c.drawImage(image4,x, y-60, 50,70); } else{ //cap this.fillStyle = c.fillStyle = "#ff5622"; this.fillRect = c.fillRect(x + 0, y + 0 - 60, 10, 10); this.fillStyle = c.fillStyle = "#ff5622"; this.fillRect = c.fillRect(x + 0, y + 10 - 60, 10, 10); this.fillStyle = c.fillStyle = "#ff5622"; this.fillRect = c.fillRect(x + 10, y + 10 - 60, 10, 10); this.fillStyle = c.fillStyle = "#ff5622"; this.fillRect = c.fillRect(x + -10, y + 10 - 60, 10, 10); //head this.fillStyle = c.fillStyle = "#ffcdd2"; this.fillRect = c.fillRect(x + 0, y + 20 - 60, 10, 10); //shirt this.fillStyle = c.fillStyle = "#b39ddb"; this.fillRect = c.fillRect(x + 0, y + 30 - 60, 10, 10); //gun switch (weapon){ case 0: this.fillStyle = c.fillStyle = "#555"; this.fillRect = c.fillRect(x + gunX, y + 31 - 60, 12, 6); break; case 1: this.fillStyle = c.fillStyle = "#555"; if (gunX==8) this.fillRect = c.fillRect(x + gunX, y + 31 - 60, 30, 15); else this.fillRect = c.fillRect(x + gunX-20, y + 31 - 60, 30, 15); break; case 2: this.fillStyle = c.fillStyle = "#eee"; this.fillRect = c.fillRect(x + gunX, y + 31 - 60, 12, 6); break; } //pants this.fillStyle = c.fillStyle = "#ff9900"; this.fillRect = c.fillRect(x + 0, y + 40 - 60, 10, 10); this.fillStyle = c.fillStyle = "#ff9900"; this.fillRect = c.fillRect(x + 0, y + 50 - 60, 10, 10); this.stroke = c.stroke(); } } } class bg { constructor() { //sky this.fillStyle = c.fillStyle = "#3ab57a"; this.fillRect = c.fillRect(0, 0, 900, 300); //rocks this.fillStyle = c.fillStyle = "#a37630"; this.fillRect = c.fillRect(0, 100, 900, 200); this.fillStyle = c.fillStyle = "#b27418"; this.fillRect = c.fillRect(0, 125, 900, 175); //sand this.fillStyle = c.fillStyle = "#bab83f"; this.fillRect = c.fillRect(0, 150, 900, 150); //sun this.fillStyle = c.fillStyle = "#eeff00"; this.fillRect = c.fillRect(130, 0, 40, 40); //cactus this.fillStyle = c.fillStyle = "#2ba818"; this.fillRect = c.fillRect(130, 170, 10, 60); this.fillRect = c.fillRect(140, 190, 20, 10); this.fillRect = c.fillRect(150, 180, 10, 10); this.fillRect = c.fillRect(330, 170, 10, 60); this.fillRect = c.fillRect(310, 190, 20, 10); this.fillRect = c.fillRect(310, 180, 10, 10); this.fillRect = c.fillRect(460, 170, 10, 60); this.fillRect = c.fillRect(470, 190, 20, 10); this.fillRect = c.fillRect(480, 180, 10, 10); this.fillRect = c.fillRect(440, 190, 20, 10); this.fillRect = c.fillRect(440, 200, 10, 10); this.fillRect = c.fillRect(520, 140, 10, 40); this.fillRect = c.fillRect(80, 140, 10, 50); this.stroke = c.stroke(); c.drawImage(image2, 900, 0,450,300); c.drawImage(zeke,1350,0,900,300) } } class bullet { constructor(x) { this.fillStyle = c.fillStyle = "yellow"; this.fillRect = c.fillRect(x, 252, 5, 5); this.stroke = c.stroke(); } } class bomb { constructor(x) { this.fillStyle = c.fillStyle = "red"; c.beginPath(); c.arc(x+25, 258, 12, 0, Math.PI*2, true); c.closePath(); c.fill(); } } class bulletH { constructor(x,dim) { this.fillStyle = c.fillStyle = "yellow"; c.beginPath(); c.arc(x+15, 258, dim, 0, Math.PI*2, true); c.closePath(); c.fill(); } } class bad { constructor(x,cattiviH,type) { if (type===0){ c.drawImage(image, x, 120); } else{ if (x>900-40 && x<1350){ c.drawImage(image3, x, 220,70,70); }else{ this.fillStyle = c.fillStyle = "#2ba818"; this.fillRect = c.fillRect(x-15, 250, 10, 5); this.fillRect = c.fillRect(x+20, 235, 10, 5); this.fillRect = c.fillRect(x-15, 240, 45, 10); this.fillRect = c.fillRect(x, 220, 15, 60); this.fillStyle = c.fillStyle = "lightgreen"; this.fillRect = c.fillRect(x-12, 210, 40, 3); this.fillStyle = c.fillStyle = "red"; this.fillRect = c.fillRect(x-12, 210, cattiviH, 3); this.stroke = c.stroke(); } } } } function shoot() { if (!isJumping) { this.x = x+10; this.toRight = gunX == 8; //bool if (this.toRight) { this.dir = 6; } else { this.dir = -6; } bul.push(this.x); direction.push(this.dir); } } var justShot=0; var justShot2=0; function boom() { if (!isJumping&&!justShot) { this.x = x+10; this.toRight = gunX == 8; //bool if (this.toRight) { this.dir = 2.5; } else { this.dir = -2.5; } if (this.toRight) sbem.push(this.x); else sbem.push(this.x-60); verso.push(this.dir); setTimeout(function(){justShot=0;},1000); } } function shootK() { shoot(); } var whichOne; setInterval(spawn,1500); var counter=0; function holy(){ if (!isJumping&&!justShot2) { this.x = x+10; this.toRight = gunX == 8; //bool if (this.toRight) { this.dir = 2.5; } else { this.dir = -2.5; } if (this.toRight) holyB.push(this.x); else holyB.push(this.x-60); versoB.push(this.dir); dim.push(1); setTimeout(function(){justShot2=0;},1000); } } function spawn(){ counter++; cattivi.push(Math.floor(Math.random()*1800)); if(counter%10===0){ cattiviType.push(0); cattiviH.push(-100);} else{ cattiviType.push(1); cattiviH.push(0);} } var mouseDown = 0; document.body.ontouchstart = function () { ++mouseDown; } document.body.ontouchend = function () { --mouseDown; } requestAnimationFrame(loop); leftKey.addEventListener("touchstart", function () { whichOne = "L" }); rightKey.addEventListener("touchstart", function () { whichOne = "R" }); upKey.addEventListener("touchstart", function () { whichOne = "U" }); document.body.onmousedown = function () { ++mouseDown; } document.body.onmouseup = function () { --mouseDown; } requestAnimationFrame(loop); leftKey.addEventListener("mousedown", function () { whichOne = "L" }); rightKey.addEventListener("mousedown", function () { whichOne = "R" }); upKey.addEventListener("mousedown", function () { whichOne = "U" }); weapons.addEventListener("click", function () { whichOne = "s"; weapon++; if (weapon>2) weapon=0; }); shootKey.addEventListener("click", function () { whichOne = "s"; switch (weapon){ case 0: shootK(); break; case 1: if(!justShot){ boom(); if(gunX==8) x-=3; else x+=3; justShot=1; }; break; case 2: if(!justShot2){ holy(); if(gunX==8) x-=10; else x+=10; justShot2=1; }; break; } }); var cattiviH = []; //MAIN LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOP function loop() { c.clearRect(0, 0, 900, 300); c.clearRect(1350, 0, 450, 300); //300 canvas ACTUAL width: //450 canvas INGAME width if (x < 450) canvas.style.marginLeft = "0"; if (x > 450 && x < 900) canvas.style.marginLeft = "-300px"; if (x > 900 && x < 1350) canvas.style.marginLeft = "-600px"; if (x > 1350) canvas.style.marginLeft = "-900px"; if (x > 1750) canvas.style.marginLeft = "-1200px"; //render var big = new bg(); //projectiles for (j = 0; j < bul.length; j++) { var obj = new bullet(bul[j] += direction[j]); for (i=0;i cattivi[i] && bul[j] < cattivi[i] + 40 && direction[j] > 0) { if(cattiviType[i]){ cattivi[i] += bulForce;} cattiviH[i]++; if (cattiviH[i]>40) delete cattivi[i]; if (bul[j] > cattivi[i] + 20) delete bul[j]; } if (bul[j] > cattivi[i] && bul[j] < cattivi[i] + 40 && direction[j] < 0) { if(cattiviType[i]){ cattivi[i] -= bulForce;} cattiviH[i]++; if (cattiviH[i]>40) delete cattivi[i]; if (bul[j] < cattivi[i] + 20) delete bul[j]; } } if (bul[j] < -10) delete bul[j]; } //boom for (j = 0; j < sbem.length; j++) { var obj = new bomb(sbem[j] += verso[j]); for (i=0;i cattivi[i] && sbem[j] < cattivi[i] + 40 && verso[j] > 0) { if(cattiviType[i]){ cattivi[i] += bulForce*2;} cattiviH[i]+=1; if (cattiviH[i]>40) delete cattivi[i]; if (sbem[j] > cattivi[i] + 20) delete sbem[j]; } if (sbem[j] > cattivi[i] && sbem[j] < cattivi[i] + 40 && verso[j] < 0) { if(cattiviType[i]){ cattivi[i] -= bulForce*2; } cattiviH[i]+=1; if (cattiviH[i]>40) delete cattivi[i]; if (sbem[j] < cattivi[i] + 20) delete sbem[j]; } } if (sbem[j] < -10||sbem[j]>2000) delete sbem[j]; } for (j = 0; j < holyB.length; j++) { var obj = new bulletH(holyB[j] += versoB[j],dim[j]+=0.2); for (i=0;i cattivi[i] && holyB[j] < cattivi[i] + 40 && versoB[j] > 0) { if(cattiviType[i]){ cattivi[i] += 0.3;} cattiviH[i]+=dim[j]/10; if (cattiviH[i]>40) delete cattivi[i]; if (holyB[j] > cattivi[i] + 20+dim[j]) delete holyB[j]; } if (holyB[j] > cattivi[i] && holyB[j] < cattivi[i] + 40 && versoB[j] < 0) { if(cattiviType[i]){ cattivi[i] -= bulForce*2; } cattiviH[i]+=dim[j]/10; if (cattiviH[i]>40) delete cattivi[i]; if (holyB[j] < cattivi[i] + 20) delete holyB[j]; } } if (holyB[j] < -10||holyB[j]>2000) delete holyB[j]; } if (mouseDown) { switch (whichOne) { case "L": x -= d; gunX = -8; break; case "R": x += d; gunX = 8; break; case "U": if (!isJumping) isJumping = true; break; } } else whichOne = ""; for (i=0;i x){ if (cattivi[i] < x+30){ x-=0.5; } if (cattiviType[i]==1) cattivi[i] -= 0.3; if (cattiviType[i]===0) cattivi[i] -= 0.15; } else{ if (cattiviType[i]==1) cattivi[i] += 0.3; if (cattiviType[i]===0) cattivi[i] += 0.15; }} var boy = new player(x, y, gunX,weapon); if (cameraLock) canvas.style.marginLeft=-x*0.66+150+"px"; if (isJumping) { yd = 10; } y += g; y -= yd; if (isJumping) g+=0.5; else g = 0; if (y > 280) { yd = 0; y = 280; isJumping = false; } requestAnimationFrame(loop); } }

Western Bytes (0.9)