Graphical PHP Game

[EmperiO]

Hi all,

I am busy with my some kind of mmostrategy game in php,
in this game you can make your own clan(empire), kill monster, buy houses, get population, buy soldiers, make war etc etc etc.
I've done days before I had the game ready the game is still not ready, but after a while of thinking I had another great idea. I want to make it graphical, I once remember that I played a game called newage3(screenshot:http://www.newage3.com/images/screens/screen3.gif) I liked that game. So I want to make my game for a part graphical, the warfield/battlfield must be graphical and so you cna eploy soldiers in this map and kill other player armies/buildings.
Anyway I do not got any idea how to make it graphical I've tried to found a few exampes and i've found 2 which are both messed up and very unstable. So I couldn't

learn something about them. Can someone explain me how to make it graphical.
Again a nice example is newage3.com
Screenshot:
http://www.newage3.com/images/screens/screen3.gif

Thanks in future!

[foyer]

Just create some 2d images in your favorite graphics editor and use PHP to display the images.. once I made a random map generator for a game I wanted to create.. it looked just like that screen shot you posted. Basically it set the map as a grid and randomly generated terrain like mountains and creeks.

[EmperiO]

foyer wrote:

Just create some 2d images in your favorite graphics editor and use PHP to display the images.. once I made a random map generator for a game I wanted to create.. it looked just like that screen shot you posted. Basically it set the map as a grid and randomly generated terrain like mountains and creeks.

But I don't want random map generator, and the screenshot I showed u from the game newage3 is also not random generating. You just press a mouse button and your army moves to the place and you just see what you want everyone to see also you see other players army and stuff.
So I want to know how u do that all:
Like making a x and y var, when u move army ur army get his position changed.
so x get 1+ and y get 1+ when you move diagonal, and other players need to see your soldiers 2. when you click on other players army they need to be attacked and stuff I need to know the whole process. Making a map and not random generating.

[bradmasterx]

Are you sure it is not Flash?

[foyer]

EmperiO wrote:

But I don't want random map generator, and the screenshot I showed u from the game newage3 is also not random generating.

I never said I would give you my map generator and I only said that image reminds me of my own creation.

Here's something to ponder. Think of your map as a huge grid (variables in a database or an array). Say you have a 'soilder unit' give him a grid point and set him up to display at that point. You could make that grid item a link, click the unit. Then at that point give him a move option and click to another point on the grid to move the unit. It would be a lot more detailed than that but maybe that can give you of some idea to follow. And actions and movements would not be animated.

[EmperiO]

bradmasterx wrote:

Are you sure it is not Flash?

Nope its graphical, just go to the special field in newage3.com and you will see what I mean.

[EmperiO]

foyer wrote:

I never said I would give you my map generator and I only said that image reminds me of my own creation.

Here's something to ponder. Think of your map as a huge grid (variables in a database or an array). Say you have a 'soilder unit' give him a grid point and set him up to display at that point. You could make that grid item a link, click the unit. Then at that point give him a move option and click to another point on the grid to move the unit. It would be a lot more detailed than that but maybe that can give you of some idea to follow. And actions and movements would not be animated.

Can you make an example?
Cause there are really a few issues which i can't imagine how to do.
Like you don't show whole the map on the page, just a part and he/she clicks on a mouse button on the map (s)he sees the other part of the map. About those grids how do you make them?? just with tables and then a picture as a background or link image? Also how do you make the player sprite transparant?

[foyer]

Ok, well luckily for you I have nothing better to do at work and so I created a sample. There are no images included with this so use your imagination.

By clicking the grid points you will move throughout the grid. The selected grid spot will be centered in the grid.. unless it's close to the edge. Grid coordinates could easily be added, like if you want to put a players character or terrain forms.

I created it quickly so it is not optimized and if I were going to create this for actually production use I would probably use other methods.

Player sprites could be transparent png images 😛

anyway.. just look at my code. set it up on your own server and rip it apart.

:updated:

<?php
//game map test

//set the grid size
$grid_y = (int)30;
$grid_x = (int)30;

//x and y rows to display at once
$display_rows = (int)15;

//default display cordinate
$x = (int)1;
$y = (int)1;

$param_x = $_REQUEST["xcord"];
$param_y = $_REQUEST["ycord"];

if (isset($param_x) && isset($param_y)) {
	//validate that the parameter is a legit point
	if (($param_x <= $grid_x) && ($param_x >= 1) && ($param_y <= $grid_y) &&($param_y >= 1)) {
		$x = (int)$param_x;
		$y = (int)$param_y;
	}
}

//the grid position desired will be set to display in the center of the viewable grid
$display_half = round($display_rows / 2);
$other_half = $display_rows - $display_half;

//to display the target in the middle, you have to get the number of rows to display before and after it.
//some simple math to take care of that.
$start_x = ($x - $display_half) +1;
$end_x = $x + $other_half;

//if the $start_x variable is less than 1 the grid would be in the negatives. so set it to 1
if ($start_x < 1) {
	$start_x = 1;
	$end_x = $display_rows;
} else
//if $end_x is off the grid we have to compensate and add the remaining rows to the start.
if ($end_x > $grid_x) {
	$extra = $end_x - $grid_x;
	$end_x = $grid_x;

$start_x = $start_x - $extra;
}

//same applies for the y axis
$start_y = ($y - $display_half) +1;
$end_y = $y + $other_half;

if ($start_y < 1) {
	$start_y = 1;
	$end_y = $display_rows;
} else
if ($end_y > $grid_y) {
	$extra = $end_y - $grid_y;
	$end_y = $grid_y;

$start_y = $start_y - $extra;
}

//showing the current parameters
echo "X $x - Y $y<br>";
?>

<!--grid table-->
<table width="750" cellspacing="0" cellpadding="2" border="1">
<?php
//these 2 for loops represent the y and x axis
//using the data collected above the loops will properly display the grid
for ($Ty = $start_y; $Ty <= $end_y; $Ty++) {
	//start new row
	echo '<tr>';
	for ($Tx = $start_x; $Tx <= $end_x; $Tx++) {
		//show grid
		DisplayGrid($Tx,$Ty);
	}
	echo '</tr>';
}
?>
</table>


<?php

function DisplayGrid($gridx,$gridy) {
	global $x, $y;

$bgcolor = null;
//highlight current select grid coordinate
if ($gridx == $x && $gridy == $y) {
	$bgcolor = 'bgcolor="#c00000"';
}

echo "<td width=\"50\" height=\"50\" $bgcolor align=center valign=center><a href=\"index.php?xcord=$gridx&ycord=$gridy\">[X]</a><br><font size=1>($gridx,$gridy)</font></td>";
}
?>

[EmperiO]

foyer wrote:

Ok, well luckily for you I have nothing better to do at work and so I created a sample. There are no images included with this so use your imagination.

By clicking the grid points you will move throughout the grid. The selected grid spot will be centered in the grid.. unless it's close to the edge. Grid coordinates could easily be added, like if you want to put a players character or terrain forms.

I created it quickly so it is not optimized and if I were going to create this for actually production use I would probably use other methods.

Player sprites could be transparent png images 😛

anyway.. just look at my code. set it up on your own server and rip it apart.

:updated:

<?php
//game map test

//set the grid size
$grid_y = (int)30;
$grid_x = (int)30;

//x and y rows to display at once
$display_rows = (int)15;

//default display cordinate
$x = (int)1;
$y = (int)1;

$param_x = $_REQUEST["xcord"];
$param_y = $_REQUEST["ycord"];

if (isset($param_x) && isset($param_y)) {
	//validate that the parameter is a legit point
	if (($param_x <= $grid_x) && ($param_x >= 1) && ($param_y <= $grid_y) &&($param_y >= 1)) {
		$x = (int)$param_x;
		$y = (int)$param_y;
	}
}

//the grid position desired will be set to display in the center of the viewable grid
$display_half = round($display_rows / 2);
$other_half = $display_rows - $display_half;

//to display the target in the middle, you have to get the number of rows to display before and after it.
//some simple math to take care of that.
$start_x = ($x - $display_half) +1;
$end_x = $x + $other_half;

//if the $start_x variable is less than 1 the grid would be in the negatives. so set it to 1
if ($start_x < 1) {
	$start_x = 1;
	$end_x = $display_rows;
} else
//if $end_x is off the grid we have to compensate and add the remaining rows to the start.
if ($end_x > $grid_x) {
	$extra = $end_x - $grid_x;
	$end_x = $grid_x;

$start_x = $start_x - $extra;
}

//same applies for the y axis
$start_y = ($y - $display_half) +1;
$end_y = $y + $other_half;

if ($start_y < 1) {
	$start_y = 1;
	$end_y = $display_rows;
} else
if ($end_y > $grid_y) {
	$extra = $end_y - $grid_y;
	$end_y = $grid_y;

$start_y = $start_y - $extra;
}

//showing the current parameters
echo "X $x - Y $y<br>";
?>

<!--grid table-->
<table width="750" cellspacing="0" cellpadding="2" border="1">
<?php
//these 2 for loops represent the y and x axis
//using the data collected above the loops will properly display the grid
for ($Ty = $start_y; $Ty <= $end_y; $Ty++) {
	//start new row
	echo '<tr>';
	for ($Tx = $start_x; $Tx <= $end_x; $Tx++) {
		//show grid
		DisplayGrid($Tx,$Ty);
	}
	echo '</tr>';
}
?>
</table>


<?php

function DisplayGrid($gridx,$gridy) {
	global $x, $y;

$bgcolor = null;
//highlight current select grid coordinate
if ($gridx == $x && $gridy == $y) {
	$bgcolor = 'bgcolor="#c00000"';
}

echo "<td width=\"50\" height=\"50\" $bgcolor align=center valign=center><a href=\"index.php?xcord=$gridx&ycord=$gridy\">[X]</a><br><font size=1>($gridx,$gridy)</font></td>";
}
?>

Thanks man thats exactly what I mean, there are still a few things that I do not understand.
For example a player buys soldiers and he want to deploy 50(1 sprite) swordsman, the soldiers gets deployed but how must I coordinate the swordsman object how does it take the right grid when it moves and stuff.

[foyer]

well somewhere in your database you need to link an object with a point on the grid. I would build an array and assign the key to x and y coordinates like:

//assign an object to the grid
$objects = array ("$x|$y" => 'warrior');

//inside display grid function
if (isset($objects["$gridx|$gridy")) {
//do whatever display method.. like an image
}

but actually you could or might want to replace that array with pulling data from a database.. like SELECT * FROM objectstbl WHERE grid = '$x|$y'

[EmperiO]

foyer wrote:

well somewhere in your database you need to link an object with a point on the grid. I would build an array and assign the key to x and y coordinates like:

//assign an object to the grid
$objects = array ("$x|$y" => 'warrior');

//inside display grid function
if (isset($objects["$gridx|$gridy")) {
//do whatever display method.. like an image
}

but actually you could or might want to replace that array with pulling data from a database.. like SELECT FROM objectstbl WHERE grid = '$x|$y'

I want that the grid.php handle everything so for example:
A player deploy soldiers on x3 and y4 > goes to dplsoldiers.php to update the database returns back to grid.php
A player moves a soldier to x7 and y8 > goes to dplsoldiers.php to update the database returns back to grid.php
A player moves a soldier to x13 and y29 > goes to dplsoldiers.php to update the database returns back to grid.php
And the grid.php does this:

  $sfields="SELECT * from km_sfield";
  $sfields2=mysql_query($sfields) or die("Could not query players");
  while($sfields3=mysql_fetch_array($sfields2))
{
<what must I add here to show all the images at the right postion??>
}

dplsoldiers.php is ready i just need to do this last part..
oh and x and y are 2 different variable in km_sfield so they are not like
grid=$x|$y like x=$x y=$y.

[foyer]

where are you putting that mysql query?

you could put the query in the display grid function and just do a simple query like so:
SELECT * FROM km_sfields WHERE x='$gridx' and y='$gridy'

this could allow you to have more than 1 object at the same point.. like maybe battling or something?

[EmperiO]

foyer wrote:

where are you putting that mysql query?

you could put the query in the display grid function and just do a simple query like so:
SELECT * FROM km_sfields WHERE x='$gridx' and y='$gridy'

this could allow you to have more than 1 object at the same point.. like maybe battling or something?

No I don't mean that, sorry for my bad english I think..
First of all I still don't know what variable gridx and gridy hold, are those the position of which place is selected or what??
Second thing I mean like showing all objects/soldiers with one peace of code,
cause first you buy soldiers then you can deploy them in the field.
So I made a part of the code which i think is right I just need to know what I must put between the lines where I write this <>

    echo "<td width=\"50\" height=\"50\" $bgcolor align=center valign=center><a href=\"index.php?xcord=$gridx&ycord=$gridy\">[X]</a><br><font size=1>($gridx,$gridy)</font></td>";
}
  $sfields="SELECT * from km_sfield";
  $sfields2=mysql_query($sfields) or die("Could not query players");
  while($sfields3=mysql_fetch_array($sfields2))
{
<what must I add here to show all the images at the right postion??>
}
?>

So lets say, showing all soldiers in the map at the right postion with this code.

Another problem I found is this when I use:

    $player=$_SESSION['player'];
    $sfield="SELECT * from km_sfield where name='$player'";
    $sfield2=mysql_query($sfield) or die(mysql_error());
    $sfield3=mysql_fetch_array($sfield2) or die(mysql_error());

some codes doesnt show up, lets say this piece of code:

<?php
    $player=$_SESSION['player'];
    $sfield="SELECT * from km_sfield where name='$player'";
    $sfield2=mysql_query($sfield) or die(mysql_error());
    $sfield3=mysql_fetch_array($sfield2) or die(mysql_error());
function DisplayGrid($gridx,$gridy) {
    global $x, $y;

$bgcolor = 'background="http://conquerorsofsanvia.890m.com/background/grass.gif"';
//highlight current select grid coordinate
if ($gridx == $x && $gridy == $y) {
    $bgcolor = 'background="http://conquerorsofsanvia.890m.com/background/grass.gif"';
}
if ($gridx == $sfield3[x] && $gridy == $sfield3[y]) {
    $imgsrc = 'img src="http://conquerorsofsanvia.890m.com/images/bowman.png"';
} 

echo "<td width=\"50\" height=\"50\" $bgcolor align=center valign=bottom><a style='line-height:1em;width:75%;height:75%;display:block;' href=\"grid.php?xcord=$gridx&ycord=$gridy\"></a><br><font size=1 color='blue'>($gridx,$gridy)</font></td>";
}
[B]      print "<table class='maintable'><tr class='headline'><td><center>Deploy Soldiers</center></td></tr>";
      print "<tr class='mrw'><td>";
      print "Each unit contains a squad of 100 units from the same class.<br>";
      print "<form action='dplsoldiers.php' method='post'>";
      print "<SELECT NAME='class'>";
      print "<OPTION VALUE='Pikeman'>Pikeman";
      print "<OPTION VALUE='Archers'>Archers";
      print "<OPTION VALUE='Swordsman'>Swordsman";
      print "<OPTION VALUE='Cavalry'>Cavalry";
      print "</SELECT>";
      print "<input type='submit' name='submit' value='submit'></form>";
      print "</td></tr></table>";[/B]
?> 

If I use that code the part between fat doesn't shows.
I really don't see whats wrong with that.

[kkaimar]

it´s old topic, but im making my own game with this sourcecode and i have a question. How can i use ajax to navigate on map without page refreshed? PLZ help😃