snake/game.html at master · ishitam8/snake · GitHub

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
<html ng-app="snlApp" class="ng-scope">
<head>
<title>Snakes and Ladders</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
    <script src="angular.js">
    </script>
    <script src="angular-route.js">
    </script>
    <script src="controller.js">
    </script>
      <link href="css/game.css" rel="stylesheet">

  </head>
  <body class="center">
<div class="welcome">
<div class="header">Snakes and Ladders</div>
<div class="subheader">Welcome to online multiplayer snakes and ladders!!</div>
<div class="iblock" ng-hide="showBoard">
<ul class="game-options" ng-controller="GameCtrl">
<li ng-click = "setSettings(1)">Single Player against Computer</li>
<li ng-click = "setSettings(2)">Two Player</li>
</ul>
</div>

</div>
   <div ng-controller="BoardCtrl" class="ng-scope snl-cont" ng-show="showBoard">
      <ul class="snl-board">
        <li class="snl-square ng-scope ng-binding" ng-class="{fright : square.isEven === true,snake: square.start > square.end, ladder:square.start < square.end, p0active:square.start === players[0].currentPos,p1active:square.start === players[1].currentPos}" ng-repeat="square in board">{{square.end + 1}}</li>
   </ul>
  </div>
  <div class="bg-loader" ng-show="isLoading"></div>
<div class="loader-cont" ng-show="isLoading"><div class="loader-content">{{isLoadingText}}</div></div>
  <div ng-controller="BtnCtrl" class="ng-scope" ng-show="showBoard">
    <!--<button ng-click="rollDice()">
      Roll Dice
    </button>
    <div>
      {{diceValues[0]}}
    </div>
    <div>
      {{diceValues[1]}}
    </div>
    <button ng-click="makeMove(0)">
      Make Move p1
    </button>
	<button ng-click="makeMove(1)">
      Make Move p2
    </button> -->
	<button class="playGame" ng-click="startGame()" ng-hide="gameOver">
      Player {{currentPlayer+1}}'s turn
    </button>
	<div ng-show="gameOver">Player {{winner}} won</div>
  </div>


</body></html>