var Meal=["🍔","🍗","🥞","🥃"], Bomb=["🔥","🎃","😈","🔪"], Stunner=["🚫","🚳","🚯","⚠️"], ctx2, $$tatic=0, instructions="Welcome to my game.\n"+Meal+":adds to your score\n"+Bomb+":reduces your hp(avoid it) \n"+Stunner+":reduces your hp(avoid it)and immobilises you!\nalso do not collide with the walls or sides as this causes a gameover.Your snake gets longer as your score increases!.\ncomment the largest you could increase the snakes size to!!make it a monster\n[updated with sound]", rand=0; alert(instructions); food=["Meal","Meal","Bomb","Stunner"], f_type="Meal"; var controlType=prompt("Please enter your controltype:\ninput 1 for phonetilt controls\ninput 2 for joystick controls\nNOTE:joystick controls might be unstable!"); function Noise(str,str2,fr){ ctx2 = new AudioContext(); var o = ctx2.createOscillator(); o.type = str; o.frequency.value =fr; o.start(0); o.connect(ctx2.destination); o.stop(1); var a = ctx2.createOscillator(); a.type = str2; a.frequency.value=fr; a.start(0); a.connect(ctx2.destination); a.stop(1); } function GamePlay(){ callObject+=1; ctx.clearRect(0,0,canvas.width,canvas.height); if(Ev=="touchmove") { createControl(touch1,touch2,ctx); if(points[0].y>20&&points[0].y20&&points[0].xdots[i].x&&points[0].x-20dots[i].y&&points[0].y-2020&&direction.y20&&direction.xcanvas.height||points[0].x>canvas.width){ inc=-2; Noise("sine","square",300); t2=setInterval(Bounceback,50); setTimeout(function(){ Gameover(); clearInterval(t1);clearInterval(t2);},2000); window.removeEventListener(Ev,move); } } function createControl(x,y,v){ v.beginPath(); v.fillStyle="grey"; v.lineWidth=2; v.arc(240,330,50,0,Math.PI*3,false); v.fill(); v.stroke(); v.beginPath(); v.fillStyle="green"; v.arc(x,y,20,0, Math.PI*3,false); v.fill(); } function Bounceback(){ clearInterval(c1); color="red"; direction.x+=inc; direction.y+=inc; } //none of the code from here downwards should be attempted to get modified /*function addEvent(type){ this.type=type; window.addEventListener(this.type,move); }*/ window.onload=function(){ if(controlType==2) {Ev="touchmove"; alert("joystick selected,move the joystick around to move snake"); } else{ Ev="devicemotion"; alert("phone tilt selected,tilt your phone around to move snake"); } load();} function load(){ touch1=240; touch2=330; hp=134; i=0; score=0; Switch=1; callObject=1; r=0;g=0;b=250; color="rgb(0,0,"+b+")"; direction={x:150,y:250}; window.addEventListener(Ev,move); if(Ev=="touchmove"){ /*window.addEventListener("touchend",move);*/ } canvas=document.querySelector("canvas"); canvas.width=screen.width*0.93; canvas.height=screen.height*0.73; ctx=canvas.getContext("2d"); createPointArray(6); createscoreBar(); t1=setInterval(GamePlay,50); c1=setInterval(updatecolor,50); } function createPointArray(segments){ points=new Array(); dots=new Array(); for(var i=0;i<=segments;i++){ points.push( { x:0, y:0 } ); } var h=canvas.height-8; var j=canvas.width-20; for(var i=0;i<1000;i++){ var a=(Math.floor(Math.random()*(j-20)))+20; var b=(Math.floor(Math.random()*(h-60)))+60; dots.push({x:a,y:b}); } } function createscoreBar(Hp){ ctx.beginPath(); ctx.font="30px Arial"; ctx.fillStyle="red"; ctx.fillText("HP",10,30); ctx.font="20px Bold"; ctx.fillText("Score",10,60); ctx.fillStyle="blue"; ctx.fillRect(60,10,140,20); ctx.fillText(""+score,80,60); ctx.fillStyle="red"; ctx.fillRect(63,13,Hp,15); ctx.fill(); if(Hp<10) {inc=-2; t2=setInterval(Bounceback,50); setTimeout(function(){ Gameover(); clearInterval(t1);clearInterval(t2);},2000); window.removeEventListener(Ev,move);} } //update points begins function updatePoints(x,y,length,$tatic){ var drawTo = {x:x,y:y}; points[0] = drawTo; Tail=points[points.length-1]; var staticX=Tail.x; var staticY=Tail.y; for(var i=1;i

Monster Snake[game]