mohsenheydari

attribute vec4 instancePosition;
attribute float instanceAngle;

varying vec2 vUV;

void main(){
  vUV = uv;

  vec3 rotatedPosition = position;
  rotatedPosition.x = cos( instanceAngle ) * position.x - sin( instanceAngle ) * position.y;

mohsenheydari

backpropagate(node, result) {
    let tmpNode = node;

    while(tmpNode !== null) {
        tmpNode.state.visits++;

        if (result != tmpNode.state.board.DRAW) {
            if (tmpNode.state.player === result) {
                tmpNode.state.wins++;
            }

mohsenheydari

simulate(node) {
  let state = node.state.clone(); //Temp state
  state.board = node.state.board.clone();

  //Play randomly until one player wins or game result in draw
  while (!state.isTerminal) {
      state.switchToNextPlayer();

      let action = state.getRandomAction(state.player);
      state.applyAction(action);

mohsenheydari

selectPromisingChild(node) {
    while(!node.state.isTerminal && node.isFullyExpanded) {
        node = this.uct.findBestChild(node);
    }

    return node;
}

mohsenheydari

findNextAction(board, player, iterations) {
  let root = new Node();
  root.state = new NodeState();
  root.state.board = board;
  root.state.player = 3 - player;//Opponent player is owner of root node

  for (let i=0; i < iterations; i++) {
      //1.Selection
      let node = this.selectPromisingChild(root);

mohsenheydari

'use strict';

define(function () {
	
	class GmaeBoardRenderer{
		constructor(canvas, canvasSize){
			this.canvas 	     = canvas;
			this.ctx             = canvas.getContext('2d');
			this.canvas.width    = canvasSize;
			this.canvas.height   = canvasSize;

mohsenheydari

requirejs(['gameboardrenderer'],
function   (GmaeBoardRenderer) {
	
	let player = 1;
	let boardState = [0,0,0,0,0,0,0,0,0]; //Initial board state
	let canvas = document.getElementById('board');
	let gbr = new GmaeBoardRenderer(canvas, 500);
	//Render initial state (grid)
	gbr.render(boardState); 

mohsenheydari

getCellIndex(position){

  for (let x = 0;x < 3;x++) {
    for (let y = 0;y < 3;y++) {
      let xCordinate = x * this.cellSize;
      let yCordinate = y * this.cellSize;

      if (
        position.x >= xCordinate && position.x <= xCordinate + this.cellSize &&
        position.y >= yCordinate && position.y <= yCordinate + this.cellSize

mohsenheydari

getRelativeCursorPosition(event){
  var rect = this.canvas.getBoundingClientRect();

  return {
    x: event.clientX - rect.left,
    y: event.clientY - rect.top
  }
}

mohsenheydari

drawGrid(){
  let offset = 5;
  let lineLenght = this.canvas.width - offset;
  this.ctx.lineWidth = this.gridLineWidth;
  this.ctx.lineCap = 'round';
  this.ctx.strokeStyle = this.gridLineStyle;
  this.ctx.beginPath();

  //Horizontal lines 
  for (let y = 1;y <= 2;y++) {