read pgns, parse moves

matthewdhull · Dec 7, 2020 · 2b859d5 · 2b859d5
1 parent 9c2f595
commit 2b859d5
Show file tree

Hide file tree

Showing 23 changed files with 553 additions and 74 deletions.
diff --git a/.idea/chess.iml b/.idea/chess.iml
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/board.html b/board.html
@@ -23,23 +23,26 @@
 	 button {
 		 width: 50px;
 	 }
+
+	 #moves {
+		 width: 400px;
+		 line-height: 25px;
+		 overflow-wrap: break-word;
+	 }
 
 
   </style>
  </head>
 <body>
-<button id="start">Move</button>    
-<script src="pieces.js"></script> 
-<script src="lib/d3/d3.min.js"></script>
+<button id="start">Move</button>
+<div id="moves"></div>
+<script src="scripts/pieces.js"></script> 
+<script src="d3-lib/d3/d3.min.js"></script>
 <script>
 
 
 	const size = 8
-	const squareStrokeWidth = 3
-	const rectWidth = 50, rectHeight = rectWidth
-	const lightSquareColor = '#dfe0e2'
-	const darkSquareColor = '#a5a6a9'
-	const squareStrokeColor = '#2f292b'
+	var move = 0
 	var margin = {'right':30, 'left':3, 'top':3, 'bottom':30}
 
 
@@ -49,7 +52,7 @@
 	// scales + axes
 	var xScale = d3.scaleLinear()
 	.domain([25,50,400]).range([25,50,400])
-	let xAxisTickLabels = ['A','B','C','D','E','F','G','H'];
+	let xAxisTickLabels = ['a','b','c','d','e','f','g','h'];
   	xAxis = d3.axisBottom(xScale)
   		.tickFormat((d,i) => xAxisTickLabels[i])
 
@@ -173,7 +176,7 @@
   		.enter()
   		.append("text")
   		.attr('x', function(d){
-	  		return (Math.floor(d / size) * rectWidth) + 20.4
+	  		return (Math.floor(d / size) * rectWidth) + 21.5
    		})
   		.attr('y', function(d){	
 	  		m = d % size
@@ -186,38 +189,66 @@
   	// add pieces
 	svg.append("g")
 		.selectAll("path")
-		.data(Array.from(Object.keys(start_positions)))
+		.data(Array.from(Object.keys(board)))
 		.enter()
 		.append("path")
 		.attr("id", function(d){
 			return d
 		})
 		.attr("transform", function(d){
   			return "translate("+
-  			(positions[start_positions[d].position][0]-25)
+  			(positions[board[d].position][0]-25)
   			+","+
-  			(positions[start_positions[d].position][1]-24)
+  			(positions[board[d].position][1]-24)
   			+")"			
 		})
 		.attr("fill", function(d){
-			return start_positions[d].fill
+			return board[d].fill
 		})
 		.attr("stroke", function(d){
-			return start_positions[d].stroke
+			return board[d].stroke
 		})
 		.attr("d", function(d){
-			return start_positions[d].path
+			return board[d].path
 		})
 
-	// piece movement
+
+	// load a game
+    d3.json("data/pgn709.json", function (d) {
+            // return {
+            //  any necessary parsing
+            //     year: parseTime(d.year),
+            //     running_total: +d.running_total
+            // }
+        }).then(function (data) {
+            d3.select("#moves")
+            .append("p")
+            .text(data.moves)
+
+		// piece movement
 		d3.select("#start").on("click", function() {
-			var newPosition = positions["E4"]
-			d3.select("#wkp")
+  			this_move = data.moves[move]
+  			var parsedMove = parseMove(move, this_move)
+			console.log(parsedMove)
+			var piece = parsedMove[0]
+			var nextPosition = parsedMove[1]
+			move +=1 //advance to next move of game
+
+			var newPosition = positions[nextPosition] //x,y coords
+			d3.select("#"+piece) //animate movement
 				.transition()
 				.attr("transform", "translate("+(newPosition[0]-25)+","+
   			(newPosition[1]-24)+")")
-  			start_positions["wkp"].position["E4"]
-		});	
+
+  			// update state of the board
+  			board[piece].position[nextPosition]
+
+		});            
+
+        }).catch(function (error) {
+            console.log(error);
+        });
+
 
     </script>
 </body>
diff --git a/lib/d3-dsv/LICENSE → d3-lib/d3-dsv/LICENSE b/lib/d3-dsv/LICENSE → d3-lib/d3-dsv/LICENSE
diff --git a/lib/d3-dsv/README.md → d3-lib/d3-dsv/README.md b/lib/d3-dsv/README.md → d3-lib/d3-dsv/README.md
diff --git a/lib/d3-dsv/d3-dsv.js → d3-lib/d3-dsv/d3-dsv.js b/lib/d3-dsv/d3-dsv.js → d3-lib/d3-dsv/d3-dsv.js
diff --git a/lib/d3-dsv/d3-dsv.min.js → d3-lib/d3-dsv/d3-dsv.min.js b/lib/d3-dsv/d3-dsv.min.js → d3-lib/d3-dsv/d3-dsv.min.js
diff --git a/lib/d3-fetch/LICENSE → d3-lib/d3-fetch/LICENSE b/lib/d3-fetch/LICENSE → d3-lib/d3-fetch/LICENSE
diff --git a/lib/d3-fetch/README.md → d3-lib/d3-fetch/README.md b/lib/d3-fetch/README.md → d3-lib/d3-fetch/README.md
diff --git a/lib/d3-fetch/d3-fetch.js → d3-lib/d3-fetch/d3-fetch.js b/lib/d3-fetch/d3-fetch.js → d3-lib/d3-fetch/d3-fetch.js
diff --git a/lib/d3-fetch/d3-fetch.min.js → d3-lib/d3-fetch/d3-fetch.min.js b/lib/d3-fetch/d3-fetch.min.js → d3-lib/d3-fetch/d3-fetch.min.js
diff --git a/lib/d3/API.md → d3-lib/d3/API.md b/lib/d3/API.md → d3-lib/d3/API.md
diff --git a/lib/d3/CHANGES.md → d3-lib/d3/CHANGES.md b/lib/d3/CHANGES.md → d3-lib/d3/CHANGES.md
diff --git a/lib/d3/LICENSE → d3-lib/d3/LICENSE b/lib/d3/LICENSE → d3-lib/d3/LICENSE
diff --git a/lib/d3/README.md → d3-lib/d3/README.md b/lib/d3/README.md → d3-lib/d3/README.md
diff --git a/lib/d3/d3.js → d3-lib/d3/d3.js b/lib/d3/d3.js → d3-lib/d3/d3.js
diff --git a/lib/d3/d3.min.js → d3-lib/d3/d3.min.js b/lib/d3/d3.min.js → d3-lib/d3/d3.min.js