-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
74 lines (60 loc) · 2.61 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<?php
$show_coords = (bool)$_GET['show_coordinates'] ;
?>
<html>
<head>
<title>Hex Playground</title>
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.17.custom.css" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src='js/jquery-1.7.1.min.js' ></script>
<script type="text/javascript" src='js/jquery-ui-1.8.17.custom.min.js' ></script>
<script type="text/javascript" src='js/functions.js' ></script>
<script type="text/javascript" src='js/objects/hexgrid.js' ></script>
<script type="text/javascript" src='js/objects/turn.js' ></script>
<script type="text/javascript" src='js/plugins/gamepiece.js' ></script>
<script type="text/javascript" src='js/plugins/gamespace.js' ></script>
<script type="text/javascript" src='js/js.js' ></script>
</head>
<body>
<div id="game_board">
<div id="piece_box">
<?php for ($pc=1; $pc<=5; $pc++) : ?>
<p id='pc_<?php echo $pc ?>' class="pc">P</p>
<?php endfor ; ?>
</div>
<?php for ($row=30; $row>=1; $row--) : ?>
<?php for ($c=1; $c<=10; $c++) : ?>
<?php // determine hex classes
include 'terrain-map.php' ;
$col = $row % 2 ? ($c*2)-1 : $c*2 ;
$hexClass = "hex row-{$row} col-{$col} " ;
$hexClass .= $row % 2 ? '' : 'alt' ;
$elevation = $elevationMap[30-$row][$c-1] ;
?>
<div id='hex_<?php echo $col ?>_<?php echo $row ?>' class="<?php echo $hexClass ?>" data-col='<?php echo $col ?>' data-row='<?php echo $row ?>' data-elevation='<?php echo $elevation ?>'>
<div class="rect">
<p class="coords">
<?php echo $show_coords ? "{$col}/{$row}" : " " ; ?>
</p>
<p class="elevation"><?php echo $elevation ?></p>
</div>
<div class="tri top left"></div>
<div class="tri top right"></div>
<div class="tri bottom left"></div>
<div class="tri bottom right"></div>
</div><!-- .hex -->
<?php endfor ; ?>
<?php endfor ; #row ?>
<div class="clear"></div>
</div><!-- #game_board -->
<div id="info_pane">
<p id="player_notice"> </p>
<p id="points_remaining">Points Remaining: <span></span></p>
<p id="points_used">Points Used: <span></span></p>
<div id="actions">
<p><a id='action_check_fov' href="#">Check FOV</a></p>
<p><a id='action_show_attack_radius' href="#">Show Attack Radius</a></p>
</div>
</div>
</body>
</html>