diff --git a/frontend/static/js/views/TicTacToeOfflineView.js b/frontend/static/js/views/TicTacToeOfflineView.js index 2f81924..09b99f9 100644 --- a/frontend/static/js/views/TicTacToeOfflineView.js +++ b/frontend/static/js/views/TicTacToeOfflineView.js @@ -6,11 +6,11 @@ export class TicTacToeOfflineView extends AbstractView constructor(params) { super(params, lang.get('ticTacToe')); - this.width = 660; - this.height = 660; + this.width = 510; + this.height = 510; this.morpion = [[],[],[],[],[],[],[],[],[]]; - this.rectsize = 60; - this.gap = 60; + this.rectsize = 48; + this.gap = 40; this.playerTurn = 0; this.playerOneCurrentTab = 4; this.playerTwoCurrentTab = 4; @@ -53,10 +53,10 @@ export class TicTacToeOfflineView extends AbstractView { morpion.ctx.beginPath(); morpion.ctx.strokeStyle = "green"; - morpion.ctx.moveTo(targetX + 15, targetY + 15); - morpion.ctx.lineTo(targetX + 45, targetY + 45); - morpion.ctx.moveTo(targetX + 45, targetY + 15); - morpion.ctx.lineTo(targetX + 15, targetY + 45); + morpion.ctx.moveTo(targetX + 10, targetY + 10); + morpion.ctx.lineTo(targetX + 40, targetY + 40); + morpion.ctx.moveTo(targetX + 40, targetY + 10); + morpion.ctx.lineTo(targetX + 10, targetY + 40); morpion.ctx.stroke(); morpion.ctx.closePath(); } @@ -66,7 +66,7 @@ export class TicTacToeOfflineView extends AbstractView morpion.ctx.strokeStyle = "red"; targetX += morpion.rectsize / 2; targetY += morpion.rectsize / 2; - morpion.ctx.arc(targetX, targetY, 20, 0, 2 * Math.PI); + morpion.ctx.arc(targetX, targetY, 15, 0, 2 * Math.PI); morpion.ctx.stroke(); morpion.ctx.closePath(); }