////////////////// // ElDorado //////////////// // Author : Paul Caron //////////////// var canvas; var ctx; var W=window.innerWidth; var H=window.innerHeight; var doc=document; var controller; var hero; var rows=[]; var paulcaron=true; var lifebar={ life:1000, draw:function(){ ctx.fillStyle="red"; ctx.fillRect(W/4,0,W/2,H/40); ctx.fillStyle="green"; ctx.fillRect(W/4,0,W/2*this.life/1000,H/40); } } function hideSelect(){ var s=doc.querySelector("#select"); s.outerHTML=""; } function init(c){ if(paulcaron == undefined){ return 0; } canvas = doc.getElementById("canvas"); canvas.width = W; canvas.height = H; ctx = canvas.getContext("2d"); canvas.addEventListener('touchstart', touchStart, false); canvas.addEventListener('touchmove', touchMove, false); canvas.addEventListener('touchend', touchEnd, false); hero=new Character(c); hero.dash=function() { hero.speedX=hero.speedX*3; hero.speedY=hero.speedY*3; } controller = new Control() ; controller.addButton(0.85*W,0.7*H,W/12,"brown",hero.dash) ; //controller.addButton(0.60*W,0.7*H,W/12,"brown",hero.dash) ; for(let a=0;a3*W/4){ newX=3*W/4; } if(newXW/4){ newWidth=W/4; } if(newWidth=H-10){ this.y=H-10; }else if(this.y<10){ this.y=10; } } draw(){ ctx.beginPath(); ctx.strokeStyle=this.color; ctx.arc(this.x,this.y,this.radius,0,Math.PI*2); ctx.stroke(); this.updatePosition(); } } function checkPoints(x=hero.x,y=Math.round(hero.y)){ //var p = ctx.getImageData(x, y, 1, 1).data; // console.log(rows[y].x); if(x+hero.radius>rows[y].x+rows[y].width/2||x-hero.radiusthis.radius){ this.stick.x=Math.cos(this.stick.angle)*this.radius+this.x; this.stick.y=Math.sin(this.stick.angle)*this.radius+this.y; } ctx.beginPath(); ctx.fillStyle=this.color; ctx.arc(this.x,this.y,this.radius,0,Math.PI*2); ctx.fill(); ctx.beginPath(); ctx.fillStyle=this.stick.color; ctx.arc(this.stick.x,this.stick.y,this.stick.radius,0,Math.PI*2); ctx.fill(); } }; this.buttons=[]; this.clock={ starttime:Date.now() }; } addButton(x,y,radius,color,func){ this.buttons.push(new Button(x,y,radius,color,func)); } draw(){ this.buttons.forEach((button)=>{button.draw()}); this.joystick.draw(); ctx.font = "30px Arial"; ctx.strokeStyle="white"; let d=Math.round((Date.now()-this.clock.starttime)/1000); ctx.fillText(d,W/2,H*0.9); ctx.strokeText(d,W/2,H*0.9); } } class Button{ constructor(x,y,radius,color,func){ this.x=x; this.y=y; this.radius=radius; this.color=color; this.func=func; } draw(){ ctx.beginPath(); ctx.fillStyle=this.color; ctx.arc(this.x,this.y,this.radius,0,Math.PI*2); ctx.fill(); } } function touchStart(e) { //getTouchPos(e); e.preventDefault(); } function touchMove(e) { getTouchPos(e); e.preventDefault(); } function touchEnd(e){ if(e.touches.length==0||(e.touches.length==[1]&&e.touches[0].pageX>W/2)){ controller.joystick.stick.x=controller.joystick.x; controller.joystick.stick.y=controller.joystick.y; } } function getTouchPos(e) { if(e.touches) { if (e.touches.length >= 1) { var touch = e.touches[0]; for(let touch of Array.from(e.touches)){ if((touch.pageX-touch.target.offsetLeft)W/2){ for(let button of controller.buttons){ if((touch.pageX>=button.x-button.radius||touch.pageX<=button.x+button.radius)&&(touch.pageY>=button.y-button.radius||touch.pageY<=button.y+button.radius)){ button.func(); } } } } } }} //end of controller module

ElDorado 1.0