Skip to content

Commit 9f9680a

Browse files
PBJIPBJI
authored
Merge pull request #680 from PBJI/master
Adding Ultimate TicTacToe App
2 parents 0c21f22 + b622724 commit 9f9680a

File tree

8 files changed

+2170
-0
lines changed

8 files changed

+2170
-0
lines changed

‎UltimateTicTacToeGame/PBJI/README.md‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
### Game Play
2+
Ultimate Tic-Tac-Toe is a variant of the classic Tic-Tac-Toe game. It is played on a larger 9x9 grid which consists of nine 3x3 grids. The objective of the game is to win each 3x3 grid, and ultimately, the entire game by winning the most 3x3 grids.
3+
4+
In this game, players take turns placing their symbol (either X or O) in a vacant square of the 3x3 grid. However, the twist is that the square where a player places their symbol determines the 3x3 grid where their opponent must play on their next turn. If a player wins a 3x3 grid, they gain control of that grid, and their symbol is displayed in the corresponding square of the larger 9x9 grid. The game continues until one player wins three 3x3 grids in a row, or until all the squares have been filled, resulting in a draw.
5+
6+
Ultimate Tic-Tac-Toe is a more complex version of Tic-Tac-Toe that requires strategic thinking and planning ahead. It also introduces an element of control over the opponent's moves, as the placement of a player's symbol determines the next playable grid for their opponent. Overall, Ultimate Tic-Tac-Toe is an engaging and challenging game that provides a new twist on a classic game.
7+
8+
### Preview
9+
10+
[![thumbnail](./preview)](https://user-images.githubusercontent.com/67221507/235636375-ae5099f8-9d22-4b33-9b81-8cf77bacbf4b.mp4)
11+
12+
13+
### Usage
14+
15+
Make sure that
16+
17+
- You are in the project directory
18+
- You have node and npm installed on your machine
19+
20+
21+
1) Install dependencies
22+
```
23+
npm install
24+
```
25+
26+
2) Run the server
27+
```
28+
npm test
29+
```
30+
31+
3) Open the localserver at the given address
32+
![local server](./test.png)
33+
34+
35+
Enjoy playing.
36+
37+
### Features
38+
39+
Singleplayer with bot.

‎UltimateTicTacToeGame/PBJI/index.html‎

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
<!DOCTYPE html>
2+
<head>
3+
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
4+
<meta content="utf-8" http-equiv="encoding">
5+
<title>UTTT</title>
6+
<link rel="stylesheet" type="text/css" href="style.css">
7+
</head>
8+
<body>
9+
<div id="Heading"><p>Ultimate </p></div>
10+
<!--Plot for the game -->
11+
<div id="Plot">
12+
<!--A big square with id M1-->
13+
<div id="M0" class="MS">
14+
<!--Small Tiles with ids-->
15+
<div class="S0 Tile"><p></p></div>
16+
<div class="S1 Tile"><p></p></div>
17+
<div class="S2 Tile"><p></p></div>
18+
<div class="S3 Tile"><p></p></div>
19+
<div class="S4 Tile"><p></p></div>
20+
<div class="S5 Tile"><p></p></div>
21+
<div class="S6 Tile"><p></p></div>
22+
<div class="S7 Tile"><p></p></div>
23+
<div class="S8 Tile"><p></p></div>
24+
</div>
25+
26+
<div id="M1" class="MS">
27+
<div class="S9 Tile"><p></p></div>
28+
<div class="S10 Tile"><p></p></div>
29+
<div class="S11 Tile"><p></p></div>
30+
<div class="S12 Tile"><p></p></div>
31+
<div class="S13 Tile"><p></p></div>
32+
<div class="S14 Tile"><p></p></div>
33+
<div class="S15 Tile"><p></p></div>
34+
<div class="S16 Tile"><p></p></div>
35+
<div class="S17 Tile"><p></p></div>
36+
</div>
37+
<div id="M2" class="MS">
38+
<div class="S18 Tile"><p></p></div>
39+
<div class="S19 Tile"><p></p></div>
40+
<div class="S20 Tile"><p></p></div>
41+
<div class="S21 Tile"><p></p></div>
42+
<div class="S22 Tile"><p></p></div>
43+
<div class="S23 Tile"><p></p></div>
44+
<div class="S24 Tile"><p></p></div>
45+
<div class="S25 Tile"><p></p></div>
46+
<div class="S26 Tile"><p></p></div>
47+
</div>
48+
<div id="M3" class="MS">
49+
<div class="S27 Tile"><p></p></div>
50+
<div class="S28 Tile"><p></p></div>
51+
<div class="S29 Tile"><p></p></div>
52+
<div class="S30 Tile"><p></p></div>
53+
<div class="S31 Tile"><p></p></div>
54+
<div class="S32 Tile"><p></p></div>
55+
<div class="S33 Tile"><p></p></div>
56+
<div class="S34 Tile"><p></p></div>
57+
<div class="S35 Tile"><p></p></div>
58+
</div>
59+
<div id="M4" class="MS">
60+
<div class="S36 Tile"><p></p></div>
61+
<div class="S37 Tile"><p></p></div>
62+
<div class="S38 Tile"><p></p></div>
63+
<div class="S39 Tile"><p></p></div>
64+
<div class="S40 Tile"><p></p></div>
65+
<div class="S41 Tile"><p></p></div>
66+
<div class="S42 Tile"><p></p></div>
67+
<div class="S43 Tile"><p></p></div>
68+
<div class="S44 Tile"><p></p></div>
69+
</div>
70+
<div id="M5" class="MS">
71+
<div class="S45 Tile"><p></p></div>
72+
<div class="S46 Tile"><p></p></div>
73+
<div class="S47 Tile"><p></p></div>
74+
<div class="S48 Tile"><p></p></div>
75+
<div class="S49 Tile"><p></p></div>
76+
<div class="S50 Tile"><p></p></div>
77+
<div class="S51 Tile"><p></p></div>
78+
<div class="S52 Tile"><p></p></div>
79+
<div class="S53 Tile"><p></p></div>
80+
</div>
81+
<div id="M6" class="MS">
82+
<div class="S54 Tile"><p></p></div>
83+
<div class="S55 Tile"><p></p></div>
84+
<div class="S56 Tile"><p></p></div>
85+
<div class="S57 Tile"><p></p></div>
86+
<div class="S58 Tile"><p></p></div>
87+
<div class="S59 Tile"><p></p></div>
88+
<div class="S60 Tile"><p></p></div>
89+
<div class="S61 Tile"><p></p></div>
90+
<div class="S62 Tile"><p></p></div>
91+
</div>
92+
<div id="M7" class="MS">
93+
<div class="S63 Tile"><p></p></div>
94+
<div class="S64 Tile"><p></p></div>
95+
<div class="S65 Tile"><p></p></div>
96+
<div class="S66 Tile"><p></p></div>
97+
<div class="S67 Tile"><p></p></div>
98+
<div class="S68 Tile"><p></p></div>
99+
<div class="S69 Tile"><p></p></div>
100+
<div class="S70 Tile"><p></p></div>
101+
<div class="S71 Tile"><p></p></div>
102+
</div>
103+
<div id="M8" class="MS">
104+
<div class="S72 Tile"><p></p></div>
105+
<div class="S73 Tile"><p></p></div>
106+
<div class="S74 Tile"><p></p></div>
107+
<div class="S75 Tile"><p></p></div>
108+
<div class="S76 Tile"><p></p></div>
109+
<div class="S77 Tile"><p></p></div>
110+
<div class="S78 Tile"><p></p></div>
111+
<div class="S79 Tile"><p></p></div>
112+
<div class="S80 Tile"><p></p></div>
113+
</div>
114+
</div>
115+
<div class = "Conclusion"><p>Its A Tie</p></div>
116+
<button onclick="startGame()" class="Sbutton">Start Game</button>
117+
<script type="text/javascript" src="script.js"></script>
118+
</body>

0 commit comments

Comments
 (0)