30:T635,{ const CELLSIZE = 48 const svg = d3.select(DOM.svg(board.length*CELLSIZE+1, board.length*CELLSIZE+1)) board.forEach((row, i) => { row.forEach((square, j) => { svg.append('rect') .attrs({ class: 'square', x: i*CELLSIZE, y: (board.length-1-j)*CELLSIZE, width: CELLSIZE, height: CELLSIZE, fill: (i+j)%2 ? '#999' : '#AAA', stroke: '#333', 'shape-rendering': 'crispEdges' }) .on('click', () => { summon(piece, side, [i,j]) }) if(square.piece !== null) { svg.append('text') .text(square.piece.def.symbol) .attrs({ class: 'piece', x: (i+0.5)*CELLSIZE, y: (board.length-1-j+0.5)*CELLSIZE, dy: '0.35em', fill: square.piece.side }) .styles({ 'text-anchor': 'middle', 'font-size': '46px', 'user-select': 'none' }) .on('click', () => { if(square.piece !== selection) { mutable selection = square.piece } else { mutable selection = null } }) } }) }) legal_moves.forEach(m => { svg.append('circle') .attrs({ class: 'move', cx: (m.step[0]+0.5)*CELLSIZE + 0.5, cy: (board.length-1-m.step[1]+0.5)*CELLSIZE + 0.5, r: CELLSIZE*0.4, fill: 'orange', 'fill-opacity': '0.6' }) .on('click', () => move(m)) }) return svg.node() }31:Tbce,piece_defs = ({ knight: { name: 'knight', symbol: '♞', moves: [ {step: [-2,-1]}, {step: [-1,-2]}, {step: [ 2,-1]}, {step: [ 1,-2]}, {step: [-1, 2]}, {step: [-2, 1]}, {step: [ 1, 2]}, {step: [ 2, 1]} ] }, rook: { name: 'rook', symbol: '♜', moves: [ {step: [ 1, 0], repeat: Infinity}, {step: [ 0, 1], repeat: Infinity}, {step: [-1, 0], repeat: Infinity}, {step: [ 0,-1], repeat: Infinity} ] }, bishop: { name: 'bishop', symbol: '♝', moves: [ {step: [ 1, 1], repeat: Infinity}, {step: [-1, 1], repeat: Infinity}, {step: [-1,-1], repeat: Infinity}, {step: [ 1,-1], repeat: Infinity} ] }, queen: { name: 'queen', symbol: '♛', moves: [ {step: [ 1, 0], repeat: Infinity}, {step: [ 0, 1], repeat: Infinity}, {step: [-1, 0], repeat: Infinity}, {step: [ 0,-1], repeat: Infinity}, {step: [ 1, 1], repeat: Infinity}, {step: [-1, 1], repeat: Infinity}, {step: [-1,-1], repeat: Infinity}, {step: [ 1,-1], repeat: Infinity} ] }, king: { name: 'king', symbol: '♚', moves: [ {step: [-1,-1]}, {step: [-1, 0]}, {step: [-1, 1]}, {step: [ 0,-1]}, {step: [ 0, 1]}, {step: [ 1,-1]}, {step: [ 1, 0]}, {step: [ 1, 1]} ] }, ferz: { name: 'ferz', symbol: '◆', moves: [ {step: [ 1, 1]}, {step: [-1, 1]}, {step: [-1,-1]}, {step: [ 1,-1]} ] }, alfil: { name: 'alfil', symbol: '🞛', moves: [ {step: [ 2, 2]}, {step: [-2, 2]}, {step: [-2,-2]}, {step: [ 2,-2]} ] }, wazir: { name: 'wazir', symbol: '￭', moves: [ {step: [ 1, 0]}, {step: [ 0, 1]}, {step: [-1, 0]}, {step: [ 0,-1]} ] }, dabbaba: { name: 'dabbaba', symbol: '🞕', moves: [ {step: [ 2, 0]}, {step: [ 0, 2]}, {step: [-2, 0]}, {step: [ 0,-2]} ] }, centurion: { name: 'centurion', symbol: '🜊', moves: [ {step: [-2,-1]}, {step: [-1,-2]}, {step: [ 2,-1]}, {step: [ 1,-2]}, {step: [-1, 2]}, {step: [-2, 1]}, {step: [ 1, 2]}, {step: [ 2, 1]}, {step: [ 2, 0]}, {step: [ 0, 2]}, {step: [-2, 0]}, {step: [ 0,-2]}, {step: [ 2, 2]}, {step: [-2, 2]}, {step: [-2,-2]}, {step: [ 2,-2]} ] }, gold_general: { name: 'gold_general', symbol: '🜚', moves: [ {step: [-1, 1]}, {step: [-1, 0]}, {step: [ 0, 1]}, {step: [ 0,-1]}, {step: [ 1, 1]}, {step: [ 1, 0]} ] }, lance: { name: 'lance', symbol: '🜍', moves: [ {step: [ 0, 1], repeat: Infinity} ] }, shogi_pawn: { name: 'shogi_pawn', symbol: '🜘', moves: [ {step: [ 0, 1]} ] }, wall: { name: 'wall', symbol: '🝙', moves: [] } })32:[] 2e:{"title":"Chess Testing Board","cells":[{"id":0,"value":"md`# Chess Testing Board`","pinned":false,"hidden":false,"mode":"ojs"},{"id":200,"value":"md`Select a piece type and click on an empty square to summon it. Then click on already placed pieces to move them.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":203,"value":"viewof side = html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":234,"value":"viewof piece = html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"BOARDSIZE = 8","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"mutable selection = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"legal_moves = selection === null ? [] : get_legal_moves(selection)","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"function get_legal_moves(piece) {\n var mvs = []\n \n piece.def.moves.forEach(m => {\n var repeat = 1\n d3.range(Math.min(m.repeat || 1, BOARDSIZE)).every(() => {\n var mv = {\n step: []\n }\n \n // compute absolute moves\n mv.step[0] = m.step[0]*repeat + piece.pos[0]\n mv.step[1] = (piece.side == 'white' ? m.step[1] : -m.step[1])*repeat + piece.pos[1] // flip black pieces\n\n // filter out moves outside the board\n if(mv.step[0] < 0 || mv.step[0] >= BOARDSIZE || mv.step[1] < 0 || mv.step[1] >= BOARDSIZE) {\n return false // break\n }\n \n // avoid capture of friendly pieces\n var target = board[mv.step[0]][mv.step[1]]\n if(target.piece !== null && target.piece.side == piece.side) {\n return false // break\n }\n \n repeat += 1\n mvs.push(mv)\n \n // avoid continue after capture\n if(target.piece !== null) {\n return false // break\n }\n \n return true\n })\n })\n \n return mvs\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"function summon(name, side, pos) {\n board[pos[0]][pos[1]].piece = {\n side: side,\n pos: pos,\n def: piece_defs[name]\n }\n \n mutable board = board\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"function move(m) {\n var i = m.step[0]\n var j = m.step[1]\n \n board[selection.pos[0]][selection.pos[1]].piece = null\n selection.pos = [i, j]\n board[i][j].piece = selection\n \n mutable board = board // I don't know a better way to do that\n mutable selection = null\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"mutable board = d3.range(BOARDSIZE).map(d => d3.range(BOARDSIZE).map(e => ({piece: null}) ))","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"md`## Dependencies`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"import {$each} from \"@nitaku/sugar-strings\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"d3 = require('d3-array', 'd3-selection', 'd3-selection-multi')","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"_ = require('lodash')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}