This is my attempt to implement a self-contained Tic Tac Toe game employing the Monte Carlo tree search principle.
Since it is meant to be self-contain, everything you need is in this repository.
-
Copy all the source code here into a directory.
-
Open
sample.htmlin Firefox. Other browsers should work, it is just that I didn't test on any other.
- There is no special setup on the server side, as the whole thing is running on the client's browser
Follow the example provided with sample.css, sample.js and sample.html
Imports the
cssandjsfiles, as well as provides a<div>tag to contain the game board, in thehtmlfile:
tictactoe.csslight themetictactoe-dark.cssdark theme<html lang="en"> <head> <link type="text/css" rel="stylesheet" href="tictactoe.css" /> <link type="text/css" rel="stylesheet" href="sample.css" /> </head> <body> <div id="game-board-id"></div> <script src="tictactoe-game.js" type="text/javascript"></script> <script src="tictactoe-node.js" type="text/javascript"></script> <script src="tictactoe-sim.js" type="text/javascript"></script> <script src="tictactoe.js" type="text/javascript"></script> <script src="sample.js" type="text/javascript"></script> </body> </html>
Initial the TicTacToe object in the sample
jsfile:new TicTacToe('game-board-id', (msg) => console.log(msg));
Although the code support 3x3 to 9x9 board sizes, testing shows that one starts experiencing minor lags with a 4x4 board, on Firefox running on an i7-7500U machine with 8GB of RAM.
© 2021 sea9.org