Scribd
Upload
46 views6 pages

Snake PHP

This document contains the code for a snake game implemented with PHP and JavaScript. It defines classes and functions for the game logic, including: - Capturing form parameters like board size and snake pace - Drawing the snake, food, and updating the score - Handling snake movement and checking for collisions/death - Changing game levels and speeds as the score thresholds are passed

Uploaded by

gsgurpreetsinghh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
46 views6 pages

Snake PHP

This document contains the code for a snake game implemented with PHP and JavaScript. It defines classes and functions for the game logic, including: - Capturing form parameters like board size and snake pace - Drawing the snake, food, and updating the score - Handling snake movement and checking for collisions/death - Changing game levels and speeds as the score thresholds are passed

Uploaded by

gsgurpreetsinghh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 6

<!-- FileName: Snake.

php
* Author: Pratibha Natani
* Description: This file contains the Main game logic. Contains the php and
javascript code.
* References:
* http://www.tizag.com/phpT/forms.php
* http://www.w3schools.com/js/js_objects.asp
* http://odhyan.com/blog/2010/10/snake-in-javascript/
-->
<html>
<head>
<link rel="stylesheet" type="text/css" href="Snake.css">
</head>

<?php
//form parameters captured
$BoardSize = $_POST['BoardSize'];
$BoardSizex =substr($BoardSize, 0, 3);
$BoardSizey =substr($BoardSize, 6, 3);
$Pace= $_POST['SnakePace'];
if($Pace=="Slow")
$SnakePace=300;
else if($Pace=="Medium")
$SnakePace=250;
else if($Pace=="Fast")
$SnakePace=200;
$Goals= $_POST['Goals'];
?>

<body>
<label type="text" id='scoreLabel'>Score: </label>
<input type='text' id='scoreText' value='0'></input>
<div id="Board">
<img src="snake.png" id="snake0" />
<img src="snake.png" id="snake1" />
<img src="snake.png" id="snake2" />

</div>

</body>
<script type="text/javascript">

//to set the different game levels


var level1Score =50;
var level2Score =90;
var level3Score =120;
var levelSpeed =200;

//Game Flags
var moveOne = true;
var snakeDead = false;

//for setting Game Score


var Score=0;
var snakePart = 2;

//retrieve form parameters


var BoardSizex = "<?php echo $BoardSizex ?>px";
var BoardSizey = "<?php echo $BoardSizey ?>px";
var SnakePace = "<?php echo $SnakePace ?>";
var Goals = "<?php echo $Goals ?>";
var BoardSize1x = "<?php echo $BoardSizex ?>";
var BoardSize1y = "<?php echo $BoardSizey ?>";

document.getElementById('Board').style.height = BoardSizey;
document.getElementById('Board').style.width = BoardSizex;

//flag set to not draw the food again and again on timer
firstDraw=false;
function drawFood() {

if(!firstDraw)
{
for(k=1;k<=Goals;k++)
{
callFood(k);
}
firstDraw=true;
}

function callFood(k) {
foodX= randomNumbergen(1,BoardSize1x-10);
foodX=foodX-(foodX%10);

foodY= randomNumbergen(1,BoardSize1y-10);
foodY=foodY-(foodY%10);
//generate img tags on fly
var incr = "<img src = \"food.png\" id=\"food"+k+"\"
style = \"position:absolute;left:"+foodX+";top:"+foodY+";height:10px;\" />";
document.getElementById('Board').innerHTML += incr;

document.getElementById('food' + k).style.left =
foodX;
document.getElementById('food' + k).style.top =
foodY;
}

function redrawFood(k) {
callFood(k);

var changer = document.getElementById('scoreText');


changer.value = Score;
//change Game levels
if(Score == level3Score)
{
var answer = confirm("Voilaaaaa!You won the
game!!!")
alert("Bye bye!")
window.location = "index.html";
}
else if(Score == level2Score)
{
var answer = confirm("Yippiee!You cleared 2nd
level...do you want to continue?")
if (answer){
alert("Continue to next Level with faster
pace...")
clearInterval(timer);
timer=setInterval('mrSnake.move()', 50);
}
else{
alert("Bye bye!")
window.location = "index.html";
}
}
else if (Score == level1Score)
{
var answer = confirm("Yippiee!You cleared 1st
level...do you want to continue?")
if (answer){
alert("Continue to next Level with faster
pace...")
clearInterval(timer);
timer=setInterval('mrSnake.move()',
100);
}
else{
alert("Bye bye!")
window.location = "index.html";

}
}

return;
}

//generates a random number between range x,y


function randomNumbergen(x, y){
return Math.floor(Math.random() * y) + x;
}

function Snake() {
this.x = 30;
this.y = 30;
this.dir = 'R';
}

Snake.prototype.changeDir = function(dir) {
this.dir = dir;
}

Snake.prototype.draw = function() {
if ( snakeDead )
{
return false;
}
else if( this.x < 0 || this.x +10> BoardSize1x )
{
return false;
}
else if( this.y < 0 || this.y +10> BoardSize1y )
{
return false;
}
//let snake tail take position of head
for(i=snakePart; i>0; --i)
{
document.getElementById("snake"+i).style.left =
document.getElementById("snake"+ (i-1)).style.left;
document.getElementById("snake"+i).style.top =
document.getElementById("snake"+ (i-1)).style.top;
document.getElementById("snake"+i).style.visibility =
'visible';
}
document.getElementById('snake0').style.left = this.x;
document.getElementById('snake0').style.top = this.y;

if( !moveOne )
{
//check if snake touches itself-dead
for(i=snakePart; !snakeDead && i>0; --i)
{
if(
((((this.x) + "px") ==
document.getElementById("snake"+i).style.left) &&
((this.y + "px") ==
document.getElementById("snake"+i).style.top))

)
snakeDead = true;
}

//for eating all the foods present on the screen


for(i=1;i<=Goals;i++)
{
if((this.x + "px") ==
document.getElementById("food"+i).style.left &&
(this.y + "px") ==
document.getElementById("food"+i).style.top)
{
//dynamically generate snake size
++snakePart;
var imageSnake = "<img src
= \"snake.png\" id=\"snake"+(snakePart)+"\" style
= \"position:absolute;left:0;top:0;height:10px;Visibility:hidden\" />";

document.getElementById('Board').innerHTML += imageSnake;

//to disappear food that is eaten up


var image_x =
document.getElementById('Board');

image_x.removeChild(document.getElementById('food'+i));
Score=Score+10;
//to generate another goal
redrawFood(i);
}
}
}
moveOne = false;
return true;
}

Snake.prototype.move = function() {
switch (this.dir) {
case 'L': // Left
this.x -= 10;
break;
case 'U': // Up
this.y -= 10;
break;
case 'R': // Right
this.x += 10;
break;
case 'D': // Down
this.y += 10;
break;
}

retval= this.draw();
if(!retval){
var answer = confirm("Oops Your snake is dead! Click Ok to
Quit.")
if(answer)
{
clearInterval(timer);
window.location = "index.html";
}
}
drawFood();

var mrSnake = new Snake();

window.addEventListener('keydown', function(event) {
switch (event.keyCode) {
case 37: // Left
if(mrSnake.dir!='R')
{
mrSnake.changeDir('L');
}
break;
case 38: // Up
if(mrSnake.dir!='D')
{
mrSnake.changeDir('U');
}
break;
case 39: // Right
if(mrSnake.dir!='L')
{
mrSnake.changeDir('R');
}
break;
case 40: // Down
if(mrSnake.dir!='U')
{
mrSnake.changeDir('D');
}
break;
}
}, false);

timer=setInterval('mrSnake.move()', SnakePace);

</script>

</html>

You might also like