30:Td50,interactive_board = { let board = Board({ game_state: current_game_state, render_cell: click => { let [error, result] = safe(() => apply_action({ game_state: current_game_state, action: { to: click.location, from: selecting, player: current_game_state.player } }) ); let is_selected = _.isEqual(selecting, click.location); let is_active_player = click.piece && click.piece.player === current_game_state.player; return Tile({ tile: click.tile, title: selecting && error && error.message, onclick: () => { // NOTE I have this check in the `apply_action` function, so not necessary here // if (!click.tile.can_walk) { // return; // } if (is_selected) { mutable selecting = null; return; } if (selecting == null) { if (click.piece != null) { mutable selecting = click.location; return; } else { // Initially clicking on an empty tile does nothing return; } } else { mutable selecting = null; mutable current_game_state = apply_action({ game_state: current_game_state, action: { from: selecting, to: click.location } }); viewof view_board_as_player.value = mutable current_game_state.player; viewof view_board_as_player.dispatchEvent(new CustomEvent('input')); } }, style: { cursor: click.tile.can_walk ? 'pointer' : 'auto', width: '50px', flex: '0 0 50px', height: '50px', fontSize: '34px', paddingTop: '2px', filter: error == null ? 'brightness(1.5)' : null, zIndex: is_selected ? 1 : null }, children: html`

${click.piece && (click.piece.player === view_board_as_player ? Soldier({ soldier: click.piece, style: { transform: is_selected ? `scale(1.5)` : null, textShadow: is_active_player ? `0 0 20px white` : null, filter: `contrast(0.2) sepia(1) hue-rotate(${hue_shift_for_player( click.piece )}deg) contrast(3)` } }) : UnknownSoldier({ player: click.piece.player, is_active_player }))} ${ click.flag ? html.fragment`

👑

` : null }

` }); } }); return scrollcontainer(this, board); }31:T7ef,available_moves_from_position = ({ game_state, location, special = game_state.pieces[id(game_state, location)].type.special }) => { let { graph, tiles, pieces } = game_state; let source_tile = tiles[location.x][location.y]; let source_id = id(game_state, location); let origin_node = graph.nodes.find(node => node.id === source_id); // We always want the first neigbouring nodes let initial_edges = graph.edges.filter( edge => _.isEqual(edge.source, origin_node.id) && !edge.is_only_shoot ); let initial_nodes = initial_edges.map(x => x.target); // Start with normal case let normal_specials = ['spy', 'marshal', 'canon']; if (special == null || normal_specials.includes(special)) { return initial_nodes; } else if (special === 'horse') { let jump_from_nodes = initial_nodes.filter(x => pieces[x] == null); let horse_nodes = graph.edges .filter( edge => jump_from_nodes.includes(edge.source) && edge.target !== source_id && !edge.is_only_shoot ) .map(x => x.target); return _.uniq([...horse_nodes, ...initial_nodes]); } else if (special === 'scout') { let nodes = [...initial_nodes]; let current_edges = [...initial_edges]; while (current_edges.length !== 0) { let next_edges = []; for (let current_edge of current_edges.filter( edge => pieces[edge.target] == null )) { let neighbour_edges = graph.edges.filter(edge => { return ( edge.source === current_edge.target && edge.target !== current_edge.source && edge.direction === current_edge.direction && !edge.is_only_shoot ); }); for (let edge of neighbour_edges) { nodes.push(edge.target); } // current_edges = neighbour_edges; next_edges = [...next_edges, ...neighbour_edges]; } current_edges = next_edges; } return nodes; } throw new Error(`Unhandled special "${special}"`); }32:T488,get_canon_range = ({ game_state, from }) => { let { pieces, graph, tiles } = game_state; let source_tile = tiles[from.x][from.y]; let source_id = id(game_state, from); let origin_node = graph.nodes.find(node => node.id === source_id); // We always want the first neigbouring nodes let initial_edges = graph.edges.filter(edge => _.isEqual(edge.source, origin_node.id) ); let initial_nodes = initial_edges.map(x => x.target); let current_edges = [...initial_edges]; for (let i of _.range(0, 2)) { let next_edges = []; for (let current_edge of current_edges) { if (game_state.pieces[current_edge.target] != null) { continue; } let neighbour_edges = graph.edges.filter(edge => { return ( edge.source === current_edge.target && edge.target !== current_edge.source && (current_edge.direction == null || edge.direction === current_edge.direction) ); }); // current_edges = neighbour_edges; next_edges = [...next_edges, ...neighbour_edges]; } current_edges = next_edges; } return current_edges.map(x => x.target); }33:Tda5,// Changelog // - Add spy exception to battle resolution - Samuel // Note: this allows spy special to be removed - Samuel // - Make spy exception based on { special: spy } 😉 - Dral apply_action = ({ game_state, action: { from: _from, to: _to, player: action_player, } }) => { let { tiles, player: player_turn } = game_state; let from = { x: _from[0], y: _from[1] }; let to = { x: _to[0], y: _to[1] }; let from_piece = game_state.pieces[id(game_state, from)]; let to_piece = game_state.pieces[id(game_state, to)]; game_condition(from_piece != null, `From piece not found`); game_condition( from_piece.player === player_turn, `It's ${player_turn} turn, but tried to move one of ${from_piece.player} piece` ); // prettier-ignore game_condition(tiles[to.x][to.y].can_walk, `To field is not accessible`); // Extract the "Can this piece get there" to a seperate function, // because it contains a lot of complex, yet isolated, checks. if (from_piece.type.special === 'canon') { if ( get_canon_range({ game_state, from }).includes(id(game_state, to)) && to_piece != null && to_piece.player !== from_piece.player ) { return immer(game_state, game_state => { game_state.pieces[id(game_state, from)] = null; game_state.pieces[id(game_state, to)] = null; next_turn_mutate(game_state); }); } } let available_moves = available_moves_from_position_memo({ game_state: game_state, location: from, special: from_piece.flag ? null : from_piece.special }); game_condition( available_moves.includes(id(game_state, to)), `Tile not reachable` ); if (to_piece == null) { // Empty tile return immer(game_state, game_state => { let piece_to_move = game_state.pieces[id(game_state, from)]; game_state.pieces[id(game_state, from)] = null; game_state.pieces[id(game_state, to)] = piece_to_move; next_turn_mutate(game_state); }); } else { // Tile with Soldier // prettier-ignore game_condition(to_piece.player !== from_piece.player, `Player is the same for both pieces`); if ( from_piece.type.special === 'spy' && to_piece.type.special === 'marshal' ) { return immer(game_state, game_state => { let piece_to_move = game_state.pieces[id(game_state, from)]; game_state.pieces[id(game_state, from)] = null; game_state.pieces[id(game_state, to)] = piece_to_move; next_turn_mutate(game_state); }); } if (from_piece.type.level > to_piece.type.level) { return immer(game_state, game_state => { let piece_to_move = game_state.pieces[id(game_state, from)]; game_state.pieces[id(game_state, from)] = null; game_state.pieces[id(game_state, to)] = piece_to_move; next_turn_mutate(game_state); }); } else if (from_piece.type.level === to_piece.type.level) { return immer(game_state, game_state => { game_state.pieces[id(game_state, from)] = null; game_state.pieces[id(game_state, to)] = null; next_turn_mutate(game_state); }); } else if (from_piece.type.level < to_piece.type.level) { return immer(game_state, game_state => { game_state.pieces[id(game_state, from)] = null; next_turn_mutate(game_state); }); } // prettier-ignore throw new Error('This should not be reachable because the if sequence about this always matches'); } }34:T70d,Arrow = ({ CELL_SIZE, from, to }) => { let STROKE_SIZE = CELL_SIZE * 0.1; let from_pixels = [ from[0] * CELL_SIZE - STROKE_SIZE + CELL_SIZE * 0.5, from[1] * CELL_SIZE - STROKE_SIZE + CELL_SIZE * 0.5 ]; let to_pixels = [ to[0] * CELL_SIZE - STROKE_SIZE + CELL_SIZE * 0.5, to[1] * CELL_SIZE - STROKE_SIZE + CELL_SIZE * 0.5 ]; let width = Math.abs(from_pixels[1] - to_pixels[1]); let height = Math.abs(from_pixels[0] - to_pixels[0]); let flip_horizontal = from[1] < to[1]; let flip_vertical = from[0] < to[0]; let arrow = from && to && svg``; return arrow; }35:T52b,BoardWithAction = ({ game_state, action: { from, to }, hideArrow }) => { let { board, tiles } = game_state; let CELL_SIZE = 40; let size = 15 * CELL_SIZE; let is_inside_view = location => { return ( (Math.abs(location[0] - to[0]) < 3 || Math.abs(location[0] - from[0]) < 3) && (Math.abs(location[1] - to[1]) < 3 || Math.abs(location[1] - from[1]) < 3) ); }; let board_element = Board({ game_state: game_state, render_cell: position => { if (!is_inside_view(position.location)) { return null; } let tile = Tile({ tile: position.tile, style: { width: `${CELL_SIZE}px`, height: `${CELL_SIZE}px`, fontSize: `${CELL_SIZE / 1.5}px`, fontWeight: 'bold', color: 'red', opacity: _.isEqual(position.location, from) || _.isEqual(position.location, to) ? 1 : 0.7 }, children: MinimalSoldier({ soldier: position.piece }) }); if (_.isEqual(position.location, from)) { return html.fragment`

${tile}${hideArrow ? null : Arrow({ CELL_SIZE, from, to })}

`; } else { return tile; } } }); return board_element; }36:T42e,ActionTest = ({ title = 'Untitled test', should = 'succeed', game_state, action }) => { let board_view = BoardWithAction({ game_state, action }); let [error, result] = safe(() => apply_action({ game_state, action })); let test_failed = should === 'fail' ? error == null : error != null; let title_element = md`### ${ test_failed ? '❌' : '✅' } ${title} *should ${should}*`; if (error) { return html`

${title_element} ${board_view}

Error: ${error.message}

`; } else { return html`

${title_element}

${board_view}

${BoardWithAction({ action, game_state: result, hideArrow: true })}

`; } }37:T681,PossibleActionsTest = ({ title = 'Untitled test', game_state, from }) => { let title_element = md`### ${title}`; let CELL_SIZE = 40; let board_view = Board({ game_state: game_state, render_cell: position => { let tile = Tile({ tile: position.tile, style: { width: `${CELL_SIZE}px`, height: `${CELL_SIZE}px`, fontSize: `${CELL_SIZE / 1.5}px`, fontWeight: 'bold', color: 'red' // filter: _.isEqual(position.location, from) ? 'brightness(1.5)' : null }, children: MinimalSoldier({ soldier: position.piece }) }); return tile; } }); let possible_actions_view = Board({ game_state: game_state, render_cell: position => { let [error, result] = safe(() => apply_action({ game_state, action: { from: from, to: position.location, player: 'monsters' } }) ); let tile = Tile({ tile: position.tile, style: { width: `${CELL_SIZE}px`, height: `${CELL_SIZE}px`, fontSize: `${CELL_SIZE / 1.5}px`, fontWeight: 'bold', color: 'red', opacity: error == null || _.isEqual(position.location, from) ? 1 : 0.3, filter: _.isEqual(position.location, from) ? 'brightness(1.5)' : null }, title: error, children: MinimalSoldier({ soldier: position.piece }) }); return tile; } }); return html`

${board_view}

${possible_actions_view}

`; }38:T929,graph_from_tiles = tiles => { let nodes = map_matrix(tiles, (tile, [x, y]) => ({ tile, location: { x, y } })) .flat() .filter(x => x.tile.can_walk || x.tile.can_shoot); let edges = nodes.flatMap(({ tile, location }) => { let possible_move_locations = [ { x: location.x, y: location.y + 1 }, { x: location.x, y: location.y - 1 }, { x: location.x + 1, y: location.y }, { x: location.x - 1, y: location.y } ]; return possible_move_locations .map(move => ({ tile: tiles[move.x] && tiles[move.x][move.y], location: move })) .filter( move => move.tile != null && (move.tile.can_walk || move.tile.can_shoot) ) .filter(move => move.tile.type !== 'wall' || tile.type !== 'wall') .map(move => { let is_target_wall = move.tile.type === 'wall'; let is_source_wall = tile.type === 'wall'; let is_only_shoot = (move.tile.can_walk === false && move.tile.can_shoot === true) || (tile.can_walk === false && tile.can_shoot === true); let direction = location.x === move.location.x ? `horizontal-${location.x}` : `vertical-${location.y}`; return { // is_target_wall: is_target_wall, // is_source_wall: is_source_wall, is_only_shoot: is_only_shoot, // source_location: location, // target_location: move.location, source: is_source_wall ? 'wall' : `${location.x}-${location.y}`, target: is_target_wall ? 'wall' : `${move.location.x}-${move.location.y}`, direction: direction, // Only for display value: is_only_shoot ? 1 : 30, group: direction }; }); }); let final_edges = edges; // let final_edges = _.uniqBy(edges, edge => `${edge.source}->${edge.target}`); let final_nodes = [ ...map_matrix(tiles, (tile, [x, y]) => { if (!tile.can_walk && !tile.can_shoot) return null; if (tile.type === 'wall') return null; return { id: `${x}-${y}`, group: tile.type, // tile: tile, location: { x, y } }; }) .flat() .filter(Boolean), { id: 'wall', group: 'wall' } ]; return { edges: final_edges, nodes: final_nodes }; }39:[] 2e:{"title":"Stratego four","cells":[{"id":0,"value":"md`\n# Stratego four\n\nRules from https://www.ultraboardgames.com/stratego/stratego4.php\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":740,"value":"md`## State`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1144,"value":"md`\n### Representation of the current board\nContains all the information we need to show the board and agree with other players on what you see.\nThis gets mutated (hence why it has \\`mutable selecting = \\` as beginning of the code) inside the onclick of the board UI.\nIt gets updated by applying the selected pieces and the current board (this variable) to the \\`apply_action\\` function.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"mutable current_game_state = dummy_game_state","pinned":false,"hidden":false,"mode":"ojs"},{"id":1137,"value":"md`\n### Location of the currently selected piece on the interactive board\nThis also gets mutated (just like \\`current_game_state\\`), but it is not \"part of the game\".\nIt is part of the UI, but this info doesn't *have* to be send to other players for example.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":154,"value":"mutable selecting = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":1155,"value":"md`\n### Select how to initially fill our board.\n\n\\`dummy_game_state\\` is used as initial \\`current_game_state\\`. Because I didn't build a board builder interface yet, I just fill everything with one kind of soldier. You can select the soldier to fill with:\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1110,"value":"viewof fill_dummy_board_with = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":1324,"value":"viewof view_board_as_player = {\n dummy_game_state;\n return html``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"dummy_game_state = {\n let soldier = soldier_types[fill_dummy_board_with] || soldier_types.sergeant;\n let board_without_flag = map_matrix(standard_tiles, land => {\n if (land.player && land.type !== 'promote') {\n return { type: soldier, player: land.player, flag: false };\n } else {\n return null;\n }\n });\n\n // board_without_flag[7][0].flag = true;\n // board_without_flag[14][7].flag = true;\n // board_without_flag[7][14].flag = true;\n // board_without_flag[0][7].flag = true;\n\n return {\n tiles: standard_tiles,\n graph: graph_from_tiles(standard_tiles),\n pieces: Object.fromEntries(\n map_matrix(board_without_flag, (piece, [x, y]) => [`${x}-${y}`, piece])\n .flat()\n .filter(x => x[1] != null)\n ),\n flags: {\n '7-0': { player: 'flightless_birds' },\n '14-7': { player: 'monsters' },\n '7-14': { player: 'mekhanites' },\n '0-7': { player: 'predators' }\n },\n player: 'monsters'\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":2077,"value":"is_game_won(current_game_state)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2036,"value":"UnknownSoldier = ({ player, is_active_player }) => {\n return Soldier({\n soldier: { type: { emoji: '🤷', level: '?' } },\n style: {\n textShadow: is_active_player ? `0 0 20px white` : null,\n\n filter: `contrast(0) sepia(1) hue-rotate(${hue_shift_for_player({\n player\n })}deg) contrast(3)`\n }\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":744,"value":"md`\n ## Game logic\n\n This is all about the \\`apply_action\\` function.\n \\`apply_action\\` takes a game_state\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"class InvalidAction extends Error {}","pinned":false,"hidden":false,"mode":"ojs"},{"id":222,"value":"game_condition = (condition, reason) => {\n if (!condition) {\n throw new InvalidAction(reason);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":866,"value":"next_turn_mutate = game_state => {\n let index = players.findIndex(x => x.id === game_state.player);\n let next_index = (index + 1) % (players.length - 0);\n game_state.player = players[next_index].id;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1818,"value":"id = (game_state, location) => {\n let tile = game_state.tiles[location.x][location.y];\n if (tile.type === 'wall') {\n return 'wall';\n } else {\n return `${location.x}-${location.y}`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1732,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1973,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":2079,"value":"current_game_state.graph.nodes","pinned":true,"hidden":false,"mode":"ojs"},{"id":2019,"value":"is_game_won = game_state => {\n let finish_tiles = game_state.graph.nodes.filter(\n x => x.tile.type === 'finish'\n );\n for (let finish_tile of finish_tiles) {\n if (game_state.flags[finish_tile.id]) {\n return game_state.flags[finish_tile.id].player;\n }\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2071,"value":"available_moves_from_position_memo = {\n let last_args = null;\n let last_result = null;\n return (...args) => {\n if (_.isEqual(args, last_args)) {\n console.log('Same');\n return last_result;\n } else {\n console.log('New');\n let result = available_moves_from_position(...args);\n last_args = args;\n last_result = result;\n }\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":234,"value":"ActionTest({\n title: 'Move to piece of same player',\n should: 'fail',\n game_state: generate_tests_board_with({ soldier: soldier_types.lieutenant }),\n action: { from: [14, 7], to: [14, 8], player: 'monsters' }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":244,"value":"ActionTest({\n title: 'Move two tiles with regular soldier',\n should: 'fail',\n game_state: generate_tests_board_with({ soldier: soldier_types.lieutenant }),\n action: { from: [12, 9], to: [10, 9], player: 'monsters' }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":680,"value":"ActionTest({\n title: `Move onto mountain tile`,\n should: 'fail',\n game_state: generate_tests_board_with({ soldier: soldier_types.sergeant }),\n action: { from: [13, 10], to: [13, 11], player: 'monsters' }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1032,"value":"ActionTest({\n title: `Move onto oneself`,\n should: 'fail',\n game_state: generate_tests_board_with({ soldier: soldier_types.sergeant }),\n action: { from: [13, 10], to: [13, 10], player: 'monsters' }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":780,"value":"ActionTest({\n title: 'Move a piece to empty tile',\n should: 'succeed',\n game_state: generate_tests_board_with({ soldier: soldier_types.general }),\n action: { player: 'monsters', from: [12, 8], to: [11, 8] }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":890,"value":"ActionTest({\n title: 'Move a piece to empty tile',\n should: 'succeed',\n game_state: generate_tests_board_with({ soldier: soldier_types.sergeant }),\n action: { player: 'monsters', from: [12, 8], to: [11, 8] }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":913,"value":"{\n let pieces = {\n '3-2': { player: 'monsters', type: soldier_types.sergeant },\n '2-2': { player: 'predators', type: soldier_types.sergeant }\n };\n return ActionTest({\n title: `Same level soldiers should annihilate`,\n should: 'succeed',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [3, 2], to: [2, 2] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":982,"value":"{\n let pieces = {\n '3-2': { player: 'monsters', type: soldier_types.sergeant },\n '2-2': { player: 'predators', type: soldier_types.scout }\n };\n return ActionTest({\n title: `Hitting with better level`,\n should: 'succeed',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [3, 2], to: [2, 2] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":985,"value":"{\n let pieces = {\n '3-2': { player: 'monsters', type: soldier_types.scout },\n '2-2': { player: 'predators', type: soldier_types.sergeant }\n };\n\n return ActionTest({\n title: `Hitting with lower level`,\n should: 'succeed',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [3, 2], to: [2, 2] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1502,"value":"{\n let pieces = {\n '3-2': { player: 'monsters', type: soldier_types.spy },\n '2-2': { player: 'predators', type: soldier_types.marschalk }\n };\n return ActionTest({\n title: `Spy hitting marshall should win`,\n should: 'succeed',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [3, 2], to: [2, 2] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1501,"value":"{\n let pieces = {\n '3-2': { player: 'monsters', type: soldier_types.marschalk },\n '2-2': { player: 'predators', type: soldier_types.spy }\n };\n return ActionTest({\n title: `Marshall hitting spy should win`,\n should: 'succeed',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n\n action: { from: [3, 2], to: [2, 2] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":997,"value":"{\n let pieces = {\n '3-2': { player: 'monsters', type: soldier_types.sergeant },\n '2-2': { player: 'predators', type: soldier_types.scout }\n };\n let possible_actions_view = PossibleActionsTest({\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n from: [3, 2]\n });\n\n return md`\n ### Possible actions for simple unit\n ${possible_actions_view}\n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1067,"value":"{\n let pieces = {\n '4-2': { player: 'monsters', type: soldier_types.scout }\n };\n let possible_actions_view = PossibleActionsTest({\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n from: [4, 2]\n });\n\n return md`\n ### Possible actions for scout\n This should show the scout being able to run across the whole vertical axis\n ${possible_actions_view}\n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1171,"value":"ActionTest({\n title: 'Move a scout over water',\n should: 'fail',\n game_state: generate_tests_board_with({ soldier: soldier_types.scout }),\n action: { player: 'monsters', from: [12, 8], to: [9, 8] }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1197,"value":"{\n let pieces = {\n '4-2': { player: 'monsters', type: soldier_types.scout },\n '2-2': { player: 'predators', type: soldier_types.spy }\n };\n return ActionTest({\n title: `Scout hits enemy from afar`,\n should: 'succeed',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [4, 2], to: [2, 2] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1201,"value":"{\n let pieces = {\n '4-2': { player: 'monsters', type: soldier_types.scout },\n\n '2-2': { player: 'predators', type: soldier_types.spy }\n };\n return ActionTest({\n title: `Scout blocked by enemy`,\n should: 'fail',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [4, 2], to: [1, 2] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1500,"value":"{\n let pieces = {\n '4-2': { player: 'monsters', type: soldier_types.captain }\n };\n return ActionTest({\n title: `Horse jump to adjacent tile`,\n should: 'succeed',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [4, 2], to: [3, 2] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1268,"value":"{\n let pieces = {\n \"4-2\": { player: \"monsters\", type: soldier_types.captain },\n \"3-2\": { player: \"monsters\", type: soldier_types.sergeant }\n };\n return ActionTest({\n title: `Horse jump to diagonal tile with one block`,\n should: \"succeed\",\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: \"monsters\"\n },\n action: { from: [4, 2], to: [3, 1] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1243,"value":"{\n let pieces = {\n '4-2': { player: 'monsters', type: soldier_types.captain }\n };\n return ActionTest({\n title: `Horse jump two tiles`,\n should: 'succeed',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [4, 2], to: [2, 2] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1255,"value":"{\n let pieces = {\n '4-2': { player: 'monsters', type: soldier_types.captain }\n };\n return ActionTest({\n title: `Horse jump three tiles`,\n should: 'fail',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [4, 2], to: [1, 2] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1260,"value":"{\n let pieces = {\n '4-2': { player: 'monsters', type: soldier_types.captain }\n };\n return ActionTest({\n title: `Horse jump to diagonal tile`,\n should: 'succeed',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [4, 2], to: [3, 1] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1263,"value":"{\n let pieces = {\n '4-2': { player: 'monsters', type: soldier_types.captain },\n '3-2': { player: 'monsters', type: soldier_types.sergeant }\n };\n\n return ActionTest({\n title: `Horse jump two tiles over piece`,\n should: 'fail',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [4, 2], to: [2, 2] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1284,"value":"{\n let pieces = {\n '4-2': { player: 'monsters', type: soldier_types.captain },\n '3-2': { player: 'monsters', type: soldier_types.sergeant },\n '4-1': { player: 'monsters', type: soldier_types.sergeant }\n };\n return ActionTest({\n title: `Horse jump to diagonal tile with two blocks`,\n should: 'fail',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [4, 2], to: [3, 1] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1499,"value":"{\n let pieces = {\n '2-1': { player: 'monsters', type: soldier_types.captain }\n };\n return ActionTest({\n title: `Horse jump to diagonal tile with two blocks`,\n should: 'fail',\n game_state: {\n tiles: test_tiles,\n graph: graph_from_tiles(test_tiles),\n pieces: pieces,\n player: 'monsters'\n },\n action: { from: [2, 1], to: [3, 3] }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":704,"value":"md`## Components`","pinned":false,"hidden":false,"mode":"ojs"},{"id":140,"value":"color_for_player = land => {\n if (land.player === 'predators') return 'blue';\n if (land.player === 'mekhanites') return 'red';\n if (land.player === 'monsters') return 'black';\n if (land.player === 'flightless_birds') return 'purple';\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1316,"value":"hue_shift_for_player = land => {\n if (land.player === 'predators') return '0';\n if (land.player === 'mekhanites') return '90';\n if (land.player === 'monsters') return '180';\n if (land.player === 'flightless_birds') return '270';\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":490,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":246,"value":"Board = ({ game_state, render_cell, style, ...props }) => {\n let { tiles, pieces = {}, flags = {} } = game_state;\n return html`\n ${tiles.map(\n (row, x) =>\n html.fragment`

\n ${row.map((tile, y) =>\n render_cell({\n location: [x, y],\n tile: tile,\n flag: flags[id(game_state, { x, y })],\n piece: pieces[id(game_state, { x, y })]\n })\n )}\n

`\n )}\n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":275,"value":"Tile = ({ tile, style, children, ...props }) => {\n let cell_style = {\n width: '20px',\n height: '20px',\n // border: 'solid 1px #555',\n boxShadow: 'inset 0 0 0 1px rgba(0,0,0, 0.2)',\n\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'white',\n fontFamily: 'Menlo',\n fontSize: '12px'\n };\n\n let color_for_land = land => {\n if (land.type === 'mountain') return 'gray';\n if (land.type === 'water') return 'blue';\n if (land.type === 'grass') return 'green';\n\n if (land.type === 'board') return 'darkgreen';\n if (land.type === 'flag') return 'darkred';\n if (land.type === 'promote') return 'darkred';\n if (land.type === 'wall') return 'gray';\n if (land.type === 'finish') return 'darkgray';\n };\n\n return html.fragment`

${children}

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":117,"value":"Soldier = ({ soldier, style, ...props }) => {\n if (soldier == null) {\n return null;\n } else {\n return html.fragment`\n

${soldier.type.emoji}

`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":257,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":318,"value":"MinimalSoldier = ({ soldier, style, ...props }) => {\n if (soldier == null) {\n return '';\n } else {\n let soldier_style = {\n borderRadius: '50%',\n width: '100%',\n height: '100%',\n paddingTop: '3px',\n paddingLeft: '3px',\n backgroundColor: color_for_player(soldier),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center'\n };\n return html.fragment`

${soldier.type.emoji}

`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":504,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":999,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":714,"value":"md`\n## Map parsing\n\n\\`board_layout\\` becomes \\`board_data\\`, and \\`board_data\\` is used to render the board and validate actions.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"standard_tiles = grid_to_array(board_layout).map(emojis => {\n return emojis.map(emoji => {\n if (map_emoji[emoji]) {\n return map_emoji[emoji];\n }\n\n for (let player of players) {\n if (emoji === player.map_emoji) {\n return { player: player.id, type: 'board', can_walk: true };\n }\n if (emoji === player.promote_map_emoji) {\n return { player: player.id, type: 'promote', can_walk: true };\n }\n if (emoji === player.flag_map_emoji) {\n return { player: player.id, type: 'flag', can_walk: true };\n }\n }\n });\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"board_layout = `\n 🗻🗻🗻🗻🦁🦁🦁🦊🦁🦁🦁🗻🗻🗻🗻\n 🗻🗻🗻🗻🦁🦁🦁🐯🦁🦁🦁🗻🗻🗻🗻\n 🗻🗻🗻🗻🦁🦁🦁🦁🦁🦁🦁🗻🗻🗻🗻\n 🗻🗻🗻🌱🌱🌱🌱🌱🌱🌱🌱🌱🗻🗻🗻\n 🐧🐧🐧🌱🌱🌱🌊🌊🌊🌱🌱🌱🤖🤖🤖\n 🐧🐧🐧🌱🌱🌱🌱🌱🌱🌱🌱🌱🤖🤖🤖\n 🐧🐧🐧🌱🌊🌱🏰🏰🏰🌱🌊🌱🤖🤖🤖\n 🐤🐔🐧🌱🌊🌱🏰🏁🏰🌱🌊🌱🤖👾💂\n 🐧🐧🐧🌱🌊🌱🏰🏰🏰🌱🌊🌱🤖🤖🤖\n 🐧🐧🐧🌱🌱🌱🌱🌱🌱🌱🌱🌱🤖🤖🤖\n 🐧🐧🐧🌱🌱🌱🌊🌊🌊🌱🌱🌱🤖🤖🤖\n 🗻🗻🗻🌱🌱🌱🌱🌱🌱🌱🌱🌱🗻🗻🗻\n 🗻🗻🗻🗻🧛🧛🧛🧛🧛🧛🧛🗻🗻🗻🗻\n 🗻🗻🗻🗻🧛🧛🧛🧟🧛🧛🧛🗻🗻🗻🗻\n 🗻🗻🗻🗻🧛🧛🧛🧞🧛🧛🧛🗻🗻🗻🗻\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":908,"value":"test_tiles = grid_to_array(test_board).map(emojis => {\n return emojis.map(emoji => {\n if (map_emoji[emoji]) {\n return map_emoji[emoji];\n }\n\n for (let player of players) {\n if (emoji === player.map_emoji) {\n return { player: player.id, type: 'board', can_walk: true };\n }\n if (emoji === player.promote_map_emoji) {\n return { player: player.id, type: 'promote', can_walk: true };\n }\n if (emoji === player.flag_map_emoji) {\n return { player: player.id, type: 'flag', can_walk: true };\n }\n }\n });\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":904,"value":"test_board = `\n 🗻🗻🗻🗻🗻\n 🗻🌱🌱🌱🗻\n 🗻🌱🌱🌱🗻\n 🗻🌱🌱🌱🗻\n 🗻🌱🌱🌱🗻\n 🗻🗻🗻🗻🗻\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1183,"value":"test_water_tiles = grid_to_array(test_water_board).map(emojis => {\n return emojis.map(emoji => {\n if (map_emoji[emoji]) {\n return map_emoji[emoji];\n }\n\n for (let player of players) {\n if (emoji === player.map_emoji) {\n return { player: player.id, type: 'board', can_walk: true };\n }\n if (emoji === player.promote_map_emoji) {\n return { player: player.id, type: 'promote', can_walk: true };\n }\n if (emoji === player.flag_map_emoji) {\n return { player: player.id, type: 'flag', can_walk: true };\n }\n }\n });\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1178,"value":"test_water_board = `\n 🗻🗻🗻🗻🗻\n 🗻🌱🌱🌱🗻\n 🗻🌱🌊🌱🗻\n 🗻🌱🌊🌱🗻\n 🗻🌱🌱🌱🗻\n 🗻🗻🗻🗻🗻\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"map_emoji = ({\n '🌊': { type: 'water', can_walk: false, can_shoot: true },\n '🌱': { type: 'grass', can_walk: true },\n '🗻': { type: 'mountain', can_walk: false },\n '🏰': { type: 'wall', can_walk: true },\n '🏁': { type: 'finish', can_walk: true }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"players = [\n {\n id: 'mekhanites',\n map_emoji: '🤖',\n promote_map_emoji: '👾',\n flag_map_emoji: '💂'\n },\n {\n id: 'monsters',\n map_emoji: '🧛',\n promote_map_emoji: '🧟',\n flag_map_emoji: '🧞'\n },\n {\n id: 'flightless_birds',\n map_emoji: '🐧',\n promote_map_emoji: '🐔',\n flag_map_emoji: '🐤'\n },\n {\n id: 'predators',\n map_emoji: '🦁',\n promote_map_emoji: '🐯',\n flag_map_emoji: '🦊'\n }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":788,"value":"soldier_types = ({\n canon: {\n level: 1,\n name: 'Canon',\n emoji: '🔫',\n special: 'canon'\n },\n spy: {\n level: 2,\n name: 'Spy',\n emoji: '🕵️‍',\n special: 'spy'\n },\n scout: {\n level: 3,\n name: 'Scout',\n emoji: '🏃‍',\n special: 'scout'\n },\n sergeant: {\n level: 4,\n name: 'Sergeant',\n emoji: '💂‍'\n },\n lieutenant: {\n level: 5,\n name: 'Lieutenant',\n emoji: '👮‍'\n },\n captain: {\n level: 6,\n name: 'Captain',\n emoji: '🐴', // Maybe 🏇 is cooler?\n special: 'horse'\n },\n major: {\n level: 7,\n name: 'Major',\n emoji: '🧝'\n },\n general: {\n level: 8,\n name: 'General',\n emoji: '🦸'\n },\n marschalk: {\n level: 9,\n name: 'Marshal',\n emoji: '🦹‍',\n special: 'marshal'\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1190,"value":"generate_tests_board_with = ({ soldier }) => {\n let pieces = Object.fromEntries(\n map_matrix(standard_tiles, (land, [x, y]) => {\n let key = `${x}-${y}`;\n if (land.player && land.type !== 'promote') {\n return [key, { type: soldier, player: land.player, flag: false }];\n } else {\n return [key, null];\n }\n }).flat()\n );\n\n pieces[`7-0`].flag = true;\n pieces[`14-7`].flag = true;\n pieces[`7-14`].flag = true;\n pieces[`0-7`].flag = true;\n\n return {\n tiles: standard_tiles,\n pieces: pieces,\n graph: graph_from_tiles(standard_tiles),\n player: 'monsters'\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":367,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":543,"value":"safe = (fn) => {\n try {\n return [null, fn()];\n } catch(error) {\n return [error, null]\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":917,"value":"map_matrix = (matrix, map_fn) => {\n return matrix.map((vector, x) => {\n return vector.map((value, y) => map_fn(value, [x, y]));\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"grid_to_array = grid => {\n return grid\n .split('\\n')\n .map(x => x.trim())\n .filter(x => x !== \"\")\n .map(x => [...x]);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"import { html, svg } from \"@observablehq/htl\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"// immer = (await require('immer')).produce","pinned":false,"hidden":false,"mode":"ojs"},{"id":2096,"value":"immer = (await import(\"https://cdn.skypack.dev/immer@10.1.3?min\")).produce","pinned":true,"hidden":false,"mode":"ojs"},{"id":210,"value":"_ = require('lodash')","pinned":false,"hidden":false,"mode":"ojs"},{"id":1436,"value":"md`## Map as graph`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1456,"value":"$38","pinned":true,"hidden":false,"mode":"ojs"},{"id":1855,"value":"standard_graph = graph_from_tiles(standard_tiles)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1874,"value":"mynodes = ({ nodes: standard_graph.nodes, links: standard_graph.edges })","pinned":true,"hidden":false,"mode":"ojs"},{"id":1415,"value":"import { chart as basic_field_graph } with { mynodes as data } from \"@dralletje/cola\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1416,"value":"basic_field_graph","pinned":true,"hidden":false,"mode":"ojs"},{"id":2067,"value":"scrollcontainer = (old_container, new_content) => {\n if (old_container == null) {\n return html`

${new_content}

`;\n }\n old_container.replaceChild(new_content, old_container.childNodes[0]);\n return old_container;\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W39","stdlib":"1","titling":"auto"}