add circle on last move

xcombelle · Feb 23, 2012 · 7cc39f2 · 7cc39f2 · walf443 · Feb 23, 2012
1 parent 0d61377
commit 7cc39f2
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 3 deletions.
diff --git a/goban.js b/goban.js
@@ -74,6 +74,7 @@ var Goban = (function() {
                 this.point(x, y, this.turn);
                 this.evaluate(x, y);
                 this.changeTurn();
+                this.lastMove= { x:x, y:y };
             } else {
                 throw "Can't move to this position";
             }
@@ -183,6 +184,9 @@ var Goban = (function() {
                     this.drawStone(i, j);
                 }
             }
+            if (undefined != this.board.lastMove ) {
+                this.drawCircle(this.board.lastMove.x,this.board.lastMove.y);
+            }
         };
 
         this.drawStone = function(x, y) {
@@ -206,6 +210,27 @@ var Goban = (function() {
 
         }
 
+        this.drawCircle = function(x, y) {
+            var value = this.board.data[y * this.board.size + x];
+            switch (value) {
+                case undefined:
+                    this.canvas.fillStyle = 'rgb(0, 0, 0, 0)';
+                    this.canvas.strokeStyle = 'rgb(0, 0, 0)';
+                    break;
+                case goban.BLACK:
+                    this.canvas.fillStyle = 'rgb(0, 0, 0,0)';
+                    this.canvas.strokeStyle = 'rgb(255, 255, 255)';
+                    break;
+                case goban.WHITE:
+                    this.canvas.fillStyle = 'rgb(0, 0, 0,0)';
+                    this.canvas.strokeStyle = 'rgb(0, 0, 0)';
+                    break;
+            }
+            var unit_radius = this.dom.width / this.board.size / 4 * 0.8;
+            this.point(x, y, unit_radius,true);
+
+        }
+
         this.drawBoard = function() {
             this.drawBackground();
             this.canvas.fillStyle = 'rgb(0, 0, 0)';
@@ -269,12 +294,20 @@ var Goban = (function() {
             }
         };
 
-        this.point = function(x, y, r) {
+        this.point = function(x, y, r, width) {
             var coordinates = this.getCoordinate(x, y);
+
             this.canvas.beginPath();
             this.canvas.arc(coordinates[0], coordinates[1], r, 0, Math.PI * 2, false);
             this.canvas.closePath();
-            this.canvas.fill();
+
+
+            if(width!=undefined) {
+                this.canvas.stroke();            
+            } else {
+                this.canvas.fill();
+            }
+
         };
 
         // return real coordinates from virtual coodinate.

diff --git a/sample.html b/sample.html
@@ -7,7 +7,7 @@
 	</head>
 	<body>
 		<p>碁盤アプリのデモです</p>
-		<canvas id="goban" width="300" height="300" />
+		<canvas id="goban" width="600" height="600" />
 		<script>
 			"use strict";
 			var board = new Goban.Board({