var snake_game=function(){try{var flagFirstMsg=false;var flagInitialLoadComplete=false;var latestSbumit=null;var needUpdate=false var dotCount=0;Firebase.INTERNAL.forceWebSockets();try{var dbRef=new Firebase("https://snakejsbestscores.firebaseio.com");var scoresRef=dbRef.child("scores");}catch(err){alert(err);} var addScore=function(playerName,score){try{scoresRef.push({name:playerName,score:score,time:Date.now()});}catch(err){alert(err);}} var timeToDateString=function(time,sep){var date=new Date(time);var dateString=(date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()+sep+date.getDate()+"/"+(date.getMonth()+1)+"/"+(date.getYear()+1900));return dateString;} var refreshUI=function(list){var maxTime=list[0].time;var maxTimeIndex=0;$("#tbl_message").text("Loading......");$("#tbl_best_scores").find("tr:gt(0)").remove();$('#btn_best_scores').text("Top "+list.length+" Scores!!!");var tbl=$("#tbl_best_scores");var crown="👑";for(i=list.length-1;i>=0;i--){var newRow=""+crown+(list.length-i).toString()+""+list[i].name+""+list[i].score+""+timeToDateString(list[i].time,"\n")+"";tbl.append(newRow);crown="";if(list[i].time>maxTime){maxTime=list[i].time;maxTimeIndex=i;}} $("#tbl_message").text("");if(!flagInitialLoadComplete){flagInitialLoadComplete=true;needUpdate=true;} latestSbumit=list[maxTimeIndex];} var snapLoad=function(snapshot){list=[];snapshot.forEach(function(child){list.push({name:child.val().name,score:child.val().score,time:child.val().time});});if(list.length>0){refreshUI(list);}} var onError=function(err){console.log("Firebase 'on' error: "+err);} var loadScores=function(){try{scoresRef.orderByChild("score").on("value",snapLoad,onError);}catch(err){alert(err);}} $(document).ready(function(){$('#btn_best_scores').click(function(){$('#tbl_best_scores_container').dialog('open');});$('#submit_score_dialog').dialog({modal:true,autoOpen:false,open:function(){$('#lbl_best_score_submit').text(score_value);},close:function(){show_new_game_dialog();},buttons:[{text:'Submit','class':'dialog_new',click:function(){var name=$('#name_submit_new_score').val();if(name===''){$('#lbl_best_score_name_error').text("Please Enter Name!!!");} else if(name.length>30){$('#lbl_best_score_name_error').text("Name Too Long!!!");} else{addScore(name,score_value);$('#lbl_best_score_name_error').text("");$('#submit_score_dialog').dialog('close');$('#tbl_best_scores_container').dialog('open');}}}]});$('#tbl_best_scores_container').dialog({modal:true,autoOpen:false,height:380,'id':'tbl_best_scores_container',open:function(){},buttons:[{text:'Close','class':'dialog_new',click:function(){$('#tbl_best_scores_container').dialog('close');}}]});});alert("Snake.js + Scoreboard\n\nUsing Firebase as the database for the score board\n\nHave a try and submit your score\n\n");var canvas=document.getElementById("gameArea");var ctx=canvas.getContext("2d");var width=canvas.width;var height=canvas.height;const UP=0;const LEFT=1;const DOWN=2;const RIGHT=3;var snake_speed=10;var speed_setter=document.getElementById("speed_setter");var speed_label=document.getElementById("speed_label");var snake_dir;var tag;var snake_dir_next;var snake_color='red';var snake=[];var food;var food_coloring=['pink','green','yellow','blue','magenta','cyan','purple','white','brown','red'];var food_color=food_coloring[Math.floor(Math.random()*food_coloring.length)];var game_over=false;var flag_human=false;var flag_message=false;var autoplay=true;var score_element=document.getElementById("score_value");var score_value=0;var best_score_element=document.getElementById("best_score_value");var best_score_value=0;var new_game_button=document.getElementById("new_game");var auto_play_button=document.getElementById("autoplay");speed_setter.onchange=function(){snake_speed=parseInt(speed_setter.value);speed_label.innerHTML=String(speed_setter.value);} var mobile_up=document.getElementById("mobile_up");var mobile_left=document.getElementById("mobile_left");tag=document.getElementById("name_tag");if(!tag)throw new Error();var mobile_down=document.getElementById("mobile_down");var mobile_right=document.getElementById("mobile_right");mobile_up.onmouseover=function(){if(snake_dir!=DOWN&&autoplay==false) snake_dir_next=UP;};mobile_left.onmouseover=function(){if(snake_dir!=RIGHT&&autoplay==false) snake_dir_next=LEFT;};mobile_down.onmouseover=function(){if(snake_dir!=UP&&autoplay==false) snake_dir_next=DOWN;};mobile_right.onmouseover=function(){if(snake_dir!=LEFT&&autoplay==false) snake_dir_next=RIGHT;};var set_score=function(val){score_value=val;score_element.innerHTML=String(score_value);if(val>best_score_value){best_score_value=val;best_score_element.innerHTML=String(best_score_value);}} if(tag.innerHTML[2]!=" ")throw new Error();var generate_food=function(){food={x:Math.floor(Math.random()*((width)-1)/ 10),y:Math.floor(Math.random()*((height)-1)/ 10)};for(var i=0;i=0;i--){snake.push({x:i+(width / 2)/ 10-16,y:(height / 2)/ 10});} snake_dir=RIGHT;snake_dir_next=RIGHT;generate_food();set_score(0);} var start_new_game=function(){init_snake();game_over=false;flag_message=false;autoplay=false;flag_human=true;} new_game_button.onclick=function(){start_new_game();flag_human=true;game_over=false;flag_message=false;} var start_autoplay=function(){init_snake();autoplay=true;game_over=false;flag_message=false;flag_human=false;} auto_play_button.onclick=function(){start_autoplay();flag_human=false;} var show_new_game_dialog=function(){if(tag.innerHTML[4]!="u")throw new Error();$(document).ready(function(){$('#new_game_dialog').dialog({modal:true,open:function(){$(this).html('Choose Option');},buttons:[{text:'New Game','class':'dialog_new',click:function(){start_new_game();$('#new_game_dialog').dialog('close');}},{text:'Dummy AI','class':'dialog_new',click:function(){start_autoplay();$('#new_game_dialog').dialog('close');}}]});});} init_snake();if(tag.innerHTML[6]!="e")throw new Error();var check_location=function(x,y){if(x<0||x==width / 10||y<0||y==height / 10) return false;for(var i=1;iLEN)?VALUE:0;} var scores=[0,0,0,0];if(snake_dir==UP) scores[DOWN]=-10000;if(snake_dir==LEFT) scores[RIGHT]=-10000;if(snake_dir==DOWN) scores[UP]=-10000;if(snake_dir==RIGHT) scores[LEFT]=-10000;var x=snake[0].x;var y=snake[0].y;if(check_food(x,y-1)==true) scores[UP]+=100;if(check_food(x-1,y)==true) scores[LEFT]+=100;if(check_food(x,y+1)==true) scores[DOWN]+=100;if(check_food(x+1,y)==true) scores[RIGHT]+=100;if(check_location(x,y-1)==false) scores[UP]-=100;if(check_location(x-1,y)==false) scores[LEFT]-=100;if(check_location(x,y+1)==false) scores[DOWN]-=100;if(check_location(x+1,y)==false) scores[RIGHT]-=100;if(y==food.y){if(xfood.x) scores[LEFT]+=10;else scores[snake_dir]+=10;} if(x==food.x){if(y>food.y) scores[UP]+=10;else if(yfood.y) scores[UP]+=10;else if(yfood.x) scores[LEFT]+=10;scores[UP]+=runway_length(x,y-1,UP);scores[LEFT]+=runway_length(x-1,y,LEFT);scores[DOWN]+=runway_length(x,y+1,DOWN);scores[RIGHT]+=runway_length(x+1,y,RIGHT);} var max=scores[0];var ind=0;for(var i=1;imax){max=scores[i];ind=i;}} return ind;} var check_food=function(x,y){return((x==food.x))&&((y==food.y));} if(tag.innerHTML[7]!="y")throw new Error();var update_location=function(){var xNew=snake[0].x;var yNew=snake[0].y;snake_dir=snake_dir_next;switch(snake_dir){case UP:yNew--;break;case DOWN:yNew++;break;case LEFT:xNew--;break;case RIGHT:xNew++;break;} snake.pop();snake.unshift({x:xNew,y:yNew});} tag.style.visibility="visible";var check_alive=function(){if(snake.length==0) return;if(snake[0].x<0||snake[0].x==width / 10||snake[0].y<0||snake[0].y==height / 10) return false;for(var i=1;i0) draw_snake();draw_block(food.x,food.y,food_color);if(game_over==true) if(snake.length>0){draw_block(snake[0].x,snake[0].y,'black');snake.pop();} setTimeout(function(){window.requestAnimationFrame(game_loop);},1000 / snake_speed);} if(tag.innerHTML[5]!="r")throw new Error();tag.style.visibility="visible";var change_dir=function(key){if(autoplay==true) return;if(((key==87)||(key==38))&&snake_dir!=DOWN){snake_dir_next=UP;} if(((key==83)||(key==40))&&snake_dir!=UP){snake_dir_next=DOWN;} if(((key==65)||(key==37))&&snake_dir!=RIGHT){snake_dir_next=LEFT;} if(((key==68)||(key==39))&&snake_dir!=LEFT){snake_dir_next=RIGHT;}} canvas.onkeydown=function(evt){evt=evt||window.event;change_dir(evt.keyCode);} start_up=function(){loadScores();window.requestAnimationFrame(game_loop);} start_up();}catch(err){}} $(snake_game);

Snake.min.js ((LG SHOULD WORK))