/* cavas, 2d context, originX, originY */ var c, ctx, ox, oy, trails, trailTimer=0; /* global containers */ var arr=[], targets=[], effects=[]; /* global UI controllers */ var M1=290, handlerFlag=0, count=1, difficulty=4; /* play data */ var recoil=9, ammo=10, shots=0, hits=0, accuracy=0, reloadTimer=2, shotLock=0, bonus=1, power=.1; /* initialization */ window.onload=function(){ alert("Block Lobber:\n\nDestroy Enemy blocks to earn more ammo.\n\n *If you run out of ammo you lose.\n\n -Upgrades Purchased in Store.\n\nLove it = Like it"); c = id("canvas"); ctx = c.getContext("2d"); trails=id("trails").getContext("2d"); ctx.shadowColor = "black"; ctx.font="13px Georgia"; ctx.lineWidth = 1; ox = 20; oy = 2*canvas.width/3; show("mode",true); new targetObject(); new targetObject(); new targetObject(); draw(); } /* draw base objects */ function draw(){ wipe(); ctx.strokeStyle = "red"; ctx.fillStyle = "steelblue"; ctx.beginPath(); ctx.moveTo(ox,oy); ctx.lineTo(ox+Math.cos(rad(M1))*10, oy+Math.sin(rad(M1))*10); ctx.stroke(); ctx.fillRect(ox-3,oy-1,5,5); ctx.moveTo(0,oy+3); ctx.lineTo(canvas.width,oy+3); ctx.stroke(); /* draw targets */ targets.forEach(function (ob){ob.drawMe()}); } function id(str){ return document.getElementById(str); } /* clear canvas */ function wipe(){ ctx.save(); ctx.setTransform(1, 0, 0, 1, 0, 0); ctx.clearRect(0,0,c.width, c.height); ctx.restore(); } /* input:deg , return:rad */ function rad(n){ return n*Math.PI/180; } /* bullet object prototype */ var bullet = function(angle){ this.x = ox-3+Math.cos(angle)*10; this.y = oy-3+Math.sin(angle)*10; this.speed = power+14.5-Math.random(); this.hSpeed = this.speed*.5; this.angle = angle; arr.push(this); this.update = function(list){ if((this.xob.x) &(this.y+5>ob.y) &(this.y-1){ this.x += this.speed; this.y -= this.speed; this.drawMe(); list.push(this); } } this.drawMe = function(){ ctx.fillStyle = this.color; ctx.fillRect(this.x,this.y,size,size); } } function fire(){ if(ammo){ if(shotLock) return; trailTimer = 80; breakEffect(ox-3+Math.cos(rad(M1))*10,oy-3+Math.sin(rad(M1))*10,1) for(var i=0;i345)M1=345; } /*collision handler */ function testTargets(){ targets.forEach(function(target){arr.forEach(function(ob){ob.checkColisions(target)})}) } /* show and store passed modal */ function show(id,type){ var el = document.getElementById(id); var bg = document.getElementById("modalBg"); el.style.display = "block"; bg.style.display = "block"; bg.mod = el; /* store modal in bg */ if(type){ /* if lock-type is true */ bg.locked = true; }else{ /* if lock-type is false */ bg.locked =false; } } /* test window click events */ window.onclick = function(event){ /* hide modal on modalBg click */ if(event.target.id == "modalBg"){ /* dont hide if locked */ if(!event.target.locked){ hide(); } } } /* Hide modal */ function hide(){ var bg = document.getElementById("modalBg"); bg.style.display = "none"; bg.mod.style.display = "none"; } /* populate store modal */ function loadStore(){ var master=0; if(count>20){ id("u1").onclick =""; id("u1").innerText="🎳 Mastered"; master++; }else id("u1").innerHTML="🎳 Shot "+count+"
(cost "+count*100+" ammo)"; if(reloadTimer<0){ id("u2").onclick =""; id("u2").innerText="⏳Mastered"; master++; }else id("u2").innerHTML="⏳ Reload "+ ((2.1-reloadTimer)*10).toFixed(0) +"
(cost "+((2.1-reloadTimer)*1000).toFixed(0)+" ammo)"; if(bonus>10){ id("u3").onclick =""; id("u3").innerText="➕ Mastered"; master++; }else id("u3").innerHTML="➕ Ammo Gain "+ bonus +"
(cost "+bonus*1000+" ammo)"; if(power>1){ id("u4").onclick =""; id("u4").innerText="💥 Mastered"; master++; }else id("u4").innerHTML="💥 Power "+ ((power)*10).toFixed(0)+"
(cost "+(power*2000).toFixed(0)+" ammo)"; if(master>3){ hide(); show("win",true); } } /* reset variables */ function reset(){ recoil=5; ammo=10; shots=0; hits=0; accuracy=0; count=1; recoil; reloadTimer=2; bonus=1; power=.1; id("u1").onclick=function(){buy("u1")}; id("u2").onclick=function(){buy("u2")}; id("u3").onclick=function(){buy("u3")}; id("u4").onclick=function(){buy("u4")}; } /* handle upgrade purchases */ function buy(str){ var cost = 0; if(str=="u1"){ cost = count*100; if(ammo>cost+10){ ammo -= cost; count++; }else alert("You Must have at least "+(cost+10)+" Ammo for this purchase"); }else if(str=="u2"){ cost = Math.round((2.1- reloadTimer)*1000); if(ammo>cost+10){ ammo -= cost; reloadTimer-=.1; }else alert("You Must have at least "+(+cost+10)+" Ammo for this purchase"); }else if(str=="u3"){ cost = bonus*1000; if(ammo>cost+10){ ammo -= cost; bonus++; }else alert("You Must have at least "+(+cost+10)+" Ammo for this purchase"); }else if(str=="u4"){ cost = power*2000; if(ammo>cost+10){ ammo -= cost; power+=.1; }else alert("You Must have at least "+(+cost+10)+" Ammo for this purchase"); } ammo = Math.round(ammo); hide(); eventHandler(); } //by michael simnitt

Block Lobber (game)