I find the browser based rts tutorial , and I started copy the code...
Well , I have problem with...
When I click to the "maparea" div not place the house/tower...
mainfunctions.js :
function init(){
Sp_linuxcompatible=true;
house=new SP_Sprite();
house.setImage("kepek/epitmenyek/house_3.png",100,83);
house.setXlimits(offsetmap, offsetmap +175);
house.setYlimits(110, 590);
house.setFrame(0);
house.switchOn();
house.setZ(8);
house.moveTo(0,0);
house.setAnimationSpeed(8,"forward");
buildGUI=new G1_layer(400,400,50,'');
buildGUI.setXlimits(0,1200);
buildGUI.setYlimits(0,600);
buildGUI.resizeTo(5,10);
buildGUI.setBackground("kepek/GUI/buildbar.png");
buildGUI.moveTo(-100,-100);
buildGUI.hide();
Gl_hook("game_loop()");
Gl_scrollbars("no");
themouse=Ms_initmouse();
Gl_start();
}
//main game loop//
function game_loop()
{
if(buildGUI.x > 1)
{
buildmeter();
}
}
function selectbuilding(building)
{
buildingselected = 1;
document.getElementById('selectedbuilding').innerHTML="<img src='kepek/epitmenyek/" + building + "_3.png'>"
}
function checkelement()
{
buildingselected = 0;
house.moveTo(themouse.x,themouse.y);
buildGUI.moveTo(house.x,house.y -10);
buildGUI.show();
document.getElementById('selectedbuilding').innerHTML ="";
}
function buildmeter()
{
if(counter1 > buildtime)
{
counter1 = 0;
buildmeter1 = buildmeter1 + 2;
buildGUI.resizeTo(buildmeter1,10);
}
counter1 = counter1 + 1;
if(buildmeter1 > 50)
{
buildGUI.moveTo(-100,-100);
buildGUI.hide();
house.setImage("kepek/epitmenyek/house_3.png",75,63);
house.setAnimationSpeed(0);
house.setFrame(0);
}
}
index.php
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="JavaScript" src="gamelib/gamelib_core1.js"></script>
<script type="text/javascript" language="JavaScript" src="gamelib/gamelib_sprites1.js"></script>
<script type="text/javascript" language="JavaScript" src="gamelib/gamelib_mouse1.js"></script>
<script type="text/javascript" language="JavaScript" src="mainfunctions.js"></script>
<script type="text/javascript">
var buildingselected = 0;
var buildmeter = 1;
var buildtime = 20;
var counter1 = 0;
var offsetmap = document.getElementById('maparea').offsetLeft;
// alert(offsetmap);
</script>
</head>
<div id="wrapper">
<body onLoad="if(!G1_browser.panic)init()" >
<div id="panelarea">
<?php include "panel.php"; ?>
</div>
<div id="maparea" onClick="checkelement();"></div>
<div id="rpanelarea" align="center">
<?php include "rpanel.php"; ?>
</div>
</body>
</html>