From 495090873cf62a1ca698cee18a2d292fc30aa292 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sat, 27 May 2023 19:28:16 +0200 Subject: Stuff. --- play.js | 750 ++++++++++++++++++++++++++++++++++++++-------------------------- 1 file changed, 451 insertions(+), 299 deletions(-) (limited to 'play.js') diff --git a/play.js b/play.js index 3559f92..6a08084 100644 --- a/play.js +++ b/play.js @@ -1,5 +1,93 @@ "use strict" +// === SYNC with rules.js === + +const TRIBE_COUNT = [ 0, 5, 3, 4, 5 ] + +const ITALIA = 0 +const ASIA = 1 +const GALLIA = 2 +const MACEDONIA = 3 +const PANNONIA = 4 +const THRACIA = 5 + +const AEGYPTUS = 6 +const AFRICA = 7 +const HISPANIA = 8 + +const BRITANNIA = 9 +const GALATIA = 10 +const SYRIA = 11 + +const ALAMANNI_HOMELAND = 12 +const FRANKS_HOMELAND = 13 +const GOTHS_HOMELAND = 14 +const NOMADS_HOMELAND = 15 +const SASSANIDS_HOMELAND = 16 + +const MARE_OCCIDENTALE = 17 +const MARE_ORIENTALE = 18 +const OCEANUS_ATLANTICUS = 19 +const PONTUS_EUXINUS = 20 + +const AVAILABLE = 21 +const UNAVAILABLE = 22 + +const ARMY = 23 + +const first_barbarian = [ 0, 10, 20, 30, 40 ] +const first_governor = [ 0, 6, 12, 18 ] +const first_general = [ 0, 6, 12, 18 ] + +const REGION_NAME = [ + "Italia", + "Asia", + "Gallia", + "Macedonia", + "Pannonia", + "Thracia", + "Aegyptus", + "Africa", + "Hispania", + "Britannia", + "Galatia", + "Syria", + "Alamanni Homeland", + "Franks Homeland", + "Goths Homeland", + "Nomads Homeland", + "Sassanids Homeland", + "Mare Occidentale", + "Mare Orientale", + "Oceanus Atlanticus", + "Pontus Euxinus", + "Available", + "Unavailable", +] + +function is_no_place_governor(province) { return province >= view.support.length } +function get_support(province) { return view.support[province] } +function get_barbarian_location(id) { return view.barbarians[id] & 63 } +function is_barbarian_inactive(id) { return view.barbarians[id] & 64 } +function get_legion_location(ix) { return view.legions[ix] & 63 } +function is_legion_reduced(ix) { return view.legions[ix] & 64 } +function is_legion_unused(ix) { return view.legions[ix] === AVAILABLE } +function get_governor_location(id, loc) { return view.governors[id] & 63 } +function get_general_location(id) { return view.generals[id] & 63 } +function is_general_inside_capital(id) { return view.generals[id] & 64 } +function has_general_castra(id) { return view.castra & (1 << id) } +function has_militia_castra(province) { return view.mcastra & (1 << province) } +function has_quaestor(province) { return view.quaestor & (1 << province) } +function has_militia(province) { return view.militia & (1 << province) } +function get_mobs(province) { return view.mobs[province] } +function has_amphitheater(province) { return view.amphitheater & (1 << province) } +function has_basilica(province) { return view.basilica & (1 << province) } +function has_limes(province) { return view.limes & (1 << province) } +function is_breakaway(province) { return view.breakaway & (1 << province) } +function is_seat_of_power(province) { return view.seat_of_power & (1 << province) } + +// === END SYNC === + function set_has(set, item) { let a = 0 let b = set.length - 1 @@ -16,83 +104,95 @@ function set_has(set, item) { return false } -const REGION_LAYOUT = [ - [1038,743,70,70], - [1793,1380,70,70], - [741,1204,70,70], - [1790,908,70,70], - [325,177,70,70], - [2048,842,70,70], - [554,418,70,70], - [249,892,70,70], - [1477,850,70,70], - [1214,536,70,70], - [2174,1193,70,70], - [1594,631,70,70], - [1370,200,195,15], - [900,200,135,15], - [1840,235,130,15], - [705,1495,165,25], - [2295,980,190,25], - [720,890,90,60], - [1770,1170,100,60], - [130,495,80,50], - [1970,620,130,60], -] +const PLAYER_CLASS = [ "red", "blue", "yellow", "green" ] + +const BOXES = { + "Thracia Support": [1502,720,258,52], + "Syria Support": [2034,1280,258,52], + "Pannonia Support": [1154,626,258,53], + "Macedonia Support": [1384,936,258,53], + "Hispania Support": [154,980,258,53], + "Gallia Support": [460,507,258,53], + "Galatia Support": [1954,931,258,53], + "Britannia Support": [231,260,258,52], + "Asia Support": [1679,1000,258,52], + "Africa Support": [647,1290,258,53], + "Aegyptus Support": [1700,1468,258,53], + "Italia Support 2": [1054,887,258,52], + "Italia Support 1": [1028,835,258,52], + "Thracia Capital": [1594,631,70,70], + "Syria Capital": [2174,1193,70,70], + "Pannonia Capital": [1214,536,70,70], + "Macedonia Capital": [1477,850,70,70], + "Italia Capital": [1038,743,70,70], + "Hispania Capital": [249,892,70,70], + "Gallia Capital": [554,418,70,70], + "Galatia Capital": [2048,842,70,70], + "Britannia Capital": [325,177,70,70], + "Asia Capital": [1790,908,70,70], + "Africa Capital": [741,1204,70,70], + "Aegyptus Capital": [1793,1380,70,70], + "Pontus Euxinus XY": [1970,620,130,60], + "Mare Orientale XY": [1770,1170,100,60], + "Mare Occidentale XY": [720,890,90,60], + "Oceanus Atlanticus XY": [130,495,80,50], + "Nomads XY": [705,1495,165,25], + "Sassanids XY": [2295,980,190,25], + "Goths XY": [1840,235,130,15], + "Alamanni XY": [1370,200,195,15], + "Franks XY": [900,200,135,15], + "SCORE TRACK": [40,40,2469,80], + "CRISIS TABLE": [2195,189,262,326], +} -const REGION_LAYOUT2 = [ - [1054,887,258,52], - [1700,1468,258,53], - [647,1290,258,53], - [1679,1000,258,52], - [231,260,258,52], - [1954,931,258,53], - [460,507,258,53], - [154,980,258,53], - [1384,936,258,53], - [1154,626,258,53], - [2034,1280,258,52], - [1502,720,258,52], +const LAYOUT_XY = [ + BOXES["Italia Capital"], + BOXES["Asia Capital"], + BOXES["Gallia Capital"], + BOXES["Macedonia Capital"], + BOXES["Pannonia Capital"], + BOXES["Thracia Capital"], + BOXES["Aegyptus Capital"], + BOXES["Africa Capital"], + BOXES["Hispania Capital"], + BOXES["Britannia Capital"], + BOXES["Galatia Capital"], + BOXES["Syria Capital"], + BOXES["Alamanni XY"], + BOXES["Franks XY"], + BOXES["Goths XY"], + BOXES["Nomads XY"], + BOXES["Sassanids XY"], + BOXES["Mare Occidentale XY"], + BOXES["Mare Orientale XY"], + BOXES["Oceanus Atlanticus XY"], + BOXES["Pontus Euxinus XY"], ] -const REGION_NAME = [ - "Italia", - "Aegyptus", - "Africa", - "Asia", - "Britannia", - "Galatia", - "Gallia", - "Hispania", - "Macedonia", - "Pannonia", - "Syria", - "Thracia", - "Alamanni", - "Franks", - "Goths", - "Nomads", - "Sassanids", - "Mare Occidentale", - "Mare Orientale", - "Oceanus Atlanticus", - "Pontus Euxinus", +const LAYOUT_SUPPORT = [ + BOXES["Italia Support 1"], + BOXES["Asia Support"], + BOXES["Gallia Support"], + BOXES["Macedonia Support"], + BOXES["Pannonia Support"], + BOXES["Thracia Support"], + BOXES["Aegyptus Support"], + BOXES["Africa Support"], + BOXES["Hispania Support"], + BOXES["Britannia Support"], + BOXES["Galatia Support"], + BOXES["Syria Support"], ] let ui = { cards: [], - barbarians: [], - legions: [], militia: [], - barbarian_leaders: [], - rival_emperors: [], body: document.querySelector("body"), header: document.querySelector("header"), - available_generals: document.getElementById("available_generals"), - available_governors: document.getElementById("available_governors"), hand: document.getElementById("hand"), draw: document.getElementById("draw"), discard: document.getElementById("discard"), + played: document.getElementById("played"), market: document.getElementById("market"), pieces: document.getElementById("pieces"), legacy: [ @@ -109,29 +209,32 @@ let ui = { ], regions: [ document.getElementById("mapsvg").getElementById("region_italia"), - document.getElementById("mapsvg").getElementById("region_aegyptus"), - document.getElementById("mapsvg").getElementById("region_africa"), document.getElementById("mapsvg").getElementById("region_asia"), - document.getElementById("mapsvg").getElementById("region_britannia"), - document.getElementById("mapsvg").getElementById("region_galatia"), document.getElementById("mapsvg").getElementById("region_gallia"), - document.getElementById("mapsvg").getElementById("region_hispania"), document.getElementById("mapsvg").getElementById("region_macedonia"), document.getElementById("mapsvg").getElementById("region_pannonia"), - document.getElementById("mapsvg").getElementById("region_syria"), document.getElementById("mapsvg").getElementById("region_thracia"), + + document.getElementById("mapsvg").getElementById("region_aegyptus"), + document.getElementById("mapsvg").getElementById("region_africa"), + document.getElementById("mapsvg").getElementById("region_hispania"), + + document.getElementById("mapsvg").getElementById("region_britannia"), + document.getElementById("mapsvg").getElementById("region_galatia"), + document.getElementById("mapsvg").getElementById("region_syria"), + document.getElementById("mapsvg").getElementById("region_alamanni"), document.getElementById("mapsvg").getElementById("region_franks"), document.getElementById("mapsvg").getElementById("region_goths"), document.getElementById("mapsvg").getElementById("region_nomads"), document.getElementById("mapsvg").getElementById("region_sassanids"), + document.getElementById("mapsvg").getElementById("region_mare_occidentale"), document.getElementById("mapsvg").getElementById("region_mare_orientale"), document.getElementById("mapsvg").getElementById("region_oceanus_atlanticus"), document.getElementById("mapsvg").getElementById("region_pontus_euxinus"), ], capital: [], - province_governor: [], quaestor: [], amphitheater: [], basilica: [], @@ -142,75 +245,30 @@ let ui = { document.getElementById("barbarian_die_1"), document.getElementById("barbarian_die_2"), ], - generals: [ - [ - document.getElementById("red_general_0"), - document.getElementById("red_general_1"), - document.getElementById("red_general_2"), - document.getElementById("red_general_3"), - document.getElementById("red_general_4"), - document.getElementById("red_general_5"), - ], - [ - document.getElementById("blue_general_0"), - document.getElementById("blue_general_1"), - document.getElementById("blue_general_2"), - document.getElementById("blue_general_3"), - document.getElementById("blue_general_4"), - document.getElementById("blue_general_5"), - ], - [ - document.getElementById("yellow_general_0"), - document.getElementById("yellow_general_1"), - document.getElementById("yellow_general_2"), - document.getElementById("yellow_general_3"), - document.getElementById("yellow_general_4"), - document.getElementById("yellow_general_5"), - ], - [ - document.getElementById("green_general_0"), - document.getElementById("green_general_1"), - document.getElementById("green_general_2"), - document.getElementById("green_general_3"), - document.getElementById("green_general_4"), - document.getElementById("green_general_5"), - ], - ], - governors: [ - [ - document.getElementById("red_governor_0"), - document.getElementById("red_governor_1"), - document.getElementById("red_governor_2"), - document.getElementById("red_governor_3"), - document.getElementById("red_governor_4"), - document.getElementById("red_governor_5"), - ], - [ - document.getElementById("blue_governor_0"), - document.getElementById("blue_governor_1"), - document.getElementById("blue_governor_2"), - document.getElementById("blue_governor_3"), - document.getElementById("blue_governor_4"), - document.getElementById("blue_governor_5"), - ], - [ - document.getElementById("yellow_governor_0"), - document.getElementById("yellow_governor_1"), - document.getElementById("yellow_governor_2"), - document.getElementById("yellow_governor_3"), - document.getElementById("yellow_governor_4"), - document.getElementById("yellow_governor_5"), - ], - [ - document.getElementById("green_governor_0"), - document.getElementById("green_governor_1"), - document.getElementById("green_governor_2"), - document.getElementById("green_governor_3"), - document.getElementById("green_governor_4"), - document.getElementById("green_governor_5"), - ], - ], + neutral_governors: [], + barbarian_leaders: [], + rival_emperors: [], + legions: [], + barbarians: [ [], [], [], [], [] ], + generals: [ [], [], [], [] ], + governors: [ [], [], [], [] ], castra: [ [], [], [], [] ], + mcastra: [], +} + +function get_province_governor_player(where) { + let np = view.legacy.length + for (let p = 0; p < np; ++p) + for (let i = 0; i < 6; ++i) + if (get_governor_location(first_governor[p] + i) === where) + return p + return -1 +} + +function is_neutral_province(where) { + if (is_no_place_governor(where)) + return false + return get_province_governor_player(where) < 0 } function show(elt) { @@ -234,30 +292,36 @@ function create(t, p, ...c) { return e } -function create_piece(p) { +function create_thing(p) { let e = create("div", p) ui.pieces.appendChild(e) return e } +function create_piece(id, action, css_class, dom_id) { + if (dom_id) + return create_thing({ className: css_class + " hide", id: dom_id, my_action: action, my_id: id }) + return create_thing({ className: css_class + " hide", my_action: action, my_id: id }) +} + let action_register = [] -function register_action(e, action, id) { - e.my_action = action - e.my_id = id - e.onmousedown = on_click_action - action_register.push(e) +function register_action(target, action, id) { + target.my_action = action + target.my_id = id + target.onmousedown = (evt) => on_click_action(evt, target) + action_register.push(target) } -function on_click_action(evt) { +function on_click_action(evt, target) { if (evt.button === 0) { - if (evt.target.my_stack) { + if (target.my_stack) { evt.stopPropagation() - if (focus_stack(evt.target.my_stack)) - if (!send_action(evt.target.my_action, evt.target.my_id)) + if (focus_stack(target.my_stack)) + if (!send_action(target.my_action, target.my_id)) blur_stack() } else { - if (send_action(evt.target.my_action, evt.target.my_id)) + if (send_action(target.my_action, target.my_id)) evt.stopPropagation() } } @@ -269,8 +333,8 @@ document.getElementById("map").addEventListener("mousedown", function (evt) { }) function create_building(region, className, xoff, yoff) { - let [ x, y, w, h ] = REGION_LAYOUT2[region] - let e = create_piece({ className }) + let [ x, y, w, h ] = LAYOUT_SUPPORT[region] + let e = create_thing({ className }) e.style.left = x + (w>>1) + xoff - 46 + "px" e.style.top = y + h + yoff + "px" return e @@ -290,11 +354,6 @@ function on_init() { c += n } - function init_barbarians(b, n, className) { - for (let i = 0; i < n; ++i) - ui.barbarians[b + i] = create_piece({ className, my_action: "barbarian", my_id: b + i }) - } - init_cards(12, "card influence_m1") init_cards(12, "card influence_s1") init_cards(12, "card influence_p1") @@ -308,20 +367,38 @@ function on_init() { init_cards(6, "card influence_s4") init_cards(6, "card influence_p4") - init_barbarians(0, 10, "alamanni hide") - init_barbarians(10, 10, "franks hide") - init_barbarians(20, 10, "goths hide") - init_barbarians(30, 10, "nomads hide") - init_barbarians(40, 10, "sassanids hide") - for (let i = 0; i < 33; ++i) - ui.legions[i] = create_piece({ className: "legion hide", id: "legion_" + i, my_action: "legion", my_id: i }) + ui.legions[i] = create_piece(i, "legion", "legion", "legion_" + i) + + ui.barbarian_leaders[0] = create_piece(0, "barbarian_leader", "goths", "cniva") + ui.barbarian_leaders[1] = create_piece(1, "barbarian_leader", "sassanids", "ardashir") + ui.barbarian_leaders[2] = create_piece(2, "barbarian_leader", "sassanids", "shapur") + + ui.rival_emperors[0] = create_piece(0, "rival_emperor", "rival_emperor", "postumus") + ui.rival_emperors[1] = create_piece(1, "rival_emperor", "rival_emperor", "priest_king") + ui.rival_emperors[2] = create_piece(2, "rival_emperor", "rival_emperor", "zenobia") + + for (let i = 0; i < 10; ++i) { + ui.barbarians[0][i] = create_piece(0 + i, "barbarian", "alamanni") + ui.barbarians[1][i] = create_piece(10 + i, "barbarian", "franks") + ui.barbarians[2][i] = create_piece(20 + i, "barbarian", "goths") + ui.barbarians[3][i] = create_piece(30 + i, "barbarian", "nomads") + ui.barbarians[4][i] = create_piece(40 + i, "barbarian", "sassanids") + } + + for (let p = 0; p < 4; ++p) { + for (let g = 0; g < 6; ++g) { + ui.castra[p][g] = create_thing({ className: "castra hide" }) + ui.governors[p][g] = create_piece(p * 6 + g, "governor", PLAYER_CLASS[p] + " governor n" + g) + ui.generals[p][g] = create_piece(p * 6 + g, "general", PLAYER_CLASS[p] + " general n" + g) + } + } for (let region = 0; region < 12; ++region) { - ui.militia[region] = create_piece({ className: "militia hide", my_action: "militia", my_id: region }) + ui.mcastra[region] = create_thing({ className: "castra hide" }) + ui.militia[region] = create_thing({ className: "militia hide", my_action: "militia", my_id: region }) ui.capital[region] = document.getElementById(REGION_NAME[region] + "_Capital") ui.quaestor[region] = document.getElementById(REGION_NAME[region] + "_Quaestor") - ui.province_governor[region] = document.getElementById(REGION_NAME[region] + "_Governor") if (true) { ui.amphitheater[region] = create_building(region, "amphitheater hide", -48 - 3, 6) @@ -332,28 +409,15 @@ function on_init() { ui.basilica[region] = create_building(region, "basilica hide", 0, 6) ui.limes[region] = create_building(region, "limes hide", 96 + 5, 6) } - } - for (let region = 0; region < 12; ++region) register_action(ui.capital[region], "capital", region) - for (let region = 0; region < 12 + 5 + 4; ++region) register_action(ui.regions[region], "region", region) - - for (let pi = 0; pi < 4; ++pi) { - for (let ai = 0; ai < 6; ++ai) { - ui.castra[pi][ai] = create_piece({ className: "castra hide" }) - register_action(ui.generals[pi][ai], "general", 100 + 100 * pi + ai) - register_action(ui.governors[pi][ai], "governor", 100 + 100 * pi + ai) - } + + ui.neutral_governors[region] = create_thing({ className: "neutral governor hide" }) + } + for (let region = 12; region < 21; ++region) { + register_action(ui.regions[region], "region", region) } - - ui.barbarian_leaders[0] = create_piece({ id: "cniva", className: "goths hide", my_action: "barbarian_leader", my_id: 0 }) - ui.barbarian_leaders[1] = create_piece({ id: "ardashir", className: "goths hide", my_action: "barbarian_leader", my_id: 1 }) - ui.barbarian_leaders[2] = create_piece({ id: "shapur", className: "goths hide", my_action: "barbarian_leader", my_id: 2 }) - - ui.rival_emperors[0] = create_piece({ id: "postumus", className: "rival hide", my_action: "rival_emperor", my_id: 0 }) - ui.rival_emperors[1] = create_piece({ id: "priest_king", className: "rival hide", my_action: "rival_emperor", my_id: 1 }) - ui.rival_emperors[2] = create_piece({ id: "zenobia", className: "rival hide", my_action: "rival_emperor", my_id: 2 }) } let stack_count = new Array(12 + 5).fill(0) @@ -378,7 +442,7 @@ function blur_stack() { } function layout_stack(id, list, region, in_capital) { - let [ x, y, w, h ] = REGION_LAYOUT[region] + let [ x, y, w, h ] = LAYOUT_XY[region] let dx = 8 let dy = 8 let z = 1 @@ -414,25 +478,53 @@ function layout_stack(id, list, region, in_capital) { } } +function layout_available(list, dx, x0, y0) { + let y = 1650 + 45 - y0 + let x = 25 + x0 + for (let item of list) { + item.style.left = x + "px" + item.style.top = y + "px" + item.style.zIndex = 1 + item.my_stack = 0 + x += dx + } +} + +function layout_governor(e, color, region) { + e.className = color + " governor s" + get_support(region) + e.style.left = (LAYOUT_SUPPORT[region][0] - 1) + "px" + e.style.top = (LAYOUT_SUPPORT[region][1] - 1) + "px" +} + +function layout_governor_available(e, color) { + e.className = color + " governor" +} + +function layout_governor_unavailable(e, color, ix) { + e.className = color + " governor n" + ix +} + function on_update() { + let player_count = view.legacy.length + stack_cache = {} ui.body.classList.toggle("p1", view.solo === 1) - ui.body.classList.toggle("p2", view.players.length === 2) - ui.body.classList.toggle("p3", view.players.length === 3) - ui.body.classList.toggle("p4", view.players.length === 4) + ui.body.classList.toggle("p2", player_count === 2) + ui.body.classList.toggle("p3", player_count === 3) + ui.body.classList.toggle("p4", player_count === 4) ui.header.classList.toggle("player_red", view.current === 0) ui.header.classList.toggle("player_blue", view.current === 1) ui.header.classList.toggle("player_yellow", view.current === 2) ui.header.classList.toggle("player_green", view.current === 3) - if (view.players.length < 4) + if (player_count < 4) hide(document.getElementById("role_Green")) else show(document.getElementById("role_Green")) - if (view.players.length < 3) + if (player_count < 3) hide(document.getElementById("role_Yellow")) else show(document.getElementById("role_Yellow")) @@ -442,131 +534,120 @@ function on_update() { ui.discard.replaceChildren() ui.market.replaceChildren() - for (let i = 0; i < view.players.length; ++i) { - let legacy = view.players[i].legacy - let turns = view.players[i].emperor_turns + for (let pi = 0; pi < player_count; ++pi) { + let legacy = view.legacy[pi] + let turns = view.emperor_turns[pi] if (legacy > 40) { legacy -= 40 - ui.legacy[i].classList.toggle("legacy_40", true) + ui.legacy[pi].classList.toggle("legacy_40", true) } else { - ui.legacy[i].classList.toggle("legacy_40", false) + ui.legacy[pi].classList.toggle("legacy_40", false) } let y = 30 - for (let k = 0; k < i; ++k) { - let k_legacy = view.players[k].legacy + for (let k = 0; k < pi; ++k) { + let k_legacy = view.legacy[k] if (k_legacy > 40) k_legacy -= 40 if (legacy === k_legacy) y += 20 } - show(ui.legacy[i]) - ui.legacy[i].style.left = Math.round(43 + legacy * 60.2) + "px" - ui.legacy[i].style.top = (2 + y) + "px" + show(ui.legacy[pi]) + ui.legacy[pi].style.left = Math.round(43 + legacy * 60.2) + "px" + ui.legacy[pi].style.top = (2 + y) + "px" y = 30 - for (let k = 0; k < i; ++k) { - let k_turns = view.players[k].emperor_turns + for (let k = 0; k < pi; ++k) { + let k_turns = view.emperor_turns[k] if (turns === k_turns) y += 20 } - show(ui.emperor_turns[i]) - ui.emperor_turns[i].style.left = Math.round(41 + turns * 60.2) + "px" - ui.emperor_turns[i].style.top = (0 + y) + "px" + show(ui.emperor_turns[pi]) + ui.emperor_turns[pi].style.left = Math.round(41 + turns * 60.2) + "px" + ui.emperor_turns[pi].style.top = (0 + y) + "px" } - for (let pi = view.players.length; pi < 4; ++pi) { + for (let pi = player_count; pi < 4; ++pi) { hide(ui.legacy[pi]) hide(ui.emperor_turns[pi]) - for (let ai = 0; ai < 6; ++ai) { - ui.generals[pi][ai].remove() - ui.governors[pi][ai].remove() - } } for (let region = 0; region < 12; ++region) { - let who = -1 - for (let pi = 0; pi < view.players.length; ++pi) - for (let ai = 0; ai < 6; ++ai) - if (view.players[pi].governors[ai] === region) - who = pi - if (who < 0) - ui.province_governor[region].classList = "neutral governor s" + view.support[region] - else if (who === 0) - ui.province_governor[region].classList = "red governor s" + view.support[region] - else if (who === 1) - ui.province_governor[region].classList = "blue governor s" + view.support[region] - else if (who === 2) - ui.province_governor[region].classList = "yellow governor s" + view.support[region] - else if (who === 3) - ui.province_governor[region].classList = "green governor s" + view.support[region] - - if (view.quaestor & (1 << region)) + if (has_quaestor(region)) show(ui.quaestor[region]) else hide(ui.quaestor[region]) - if (view.amphitheater & (1 << region)) + if (has_amphitheater(region)) show(ui.amphitheater[region]) else hide(ui.amphitheater[region]) - if (view.basilica & (1 << region)) + if (has_basilica(region)) show(ui.basilica[region]) else hide(ui.basilica[region]) - if (view.limes & (1 << region)) + if (has_limes(region)) show(ui.limes[region]) else hide(ui.limes[region]) - if (view.militia & (1 << region)) + if (has_militia(region)) show(ui.militia[region]) else hide(ui.militia[region]) } for (let i = 0; i < 33; ++i) { - if (view.legions[i] >= 0) { + if (is_legion_unused(i)) + hide(ui.legions[i]) + else show(ui.legions[i]) - if (view.is_legion_reduced[i]) - ui.legions[i].classList.toggle("reduced", true) + if (is_legion_reduced(i)) + ui.legions[i].classList.toggle("reduced", true) + else + ui.legions[i].classList.toggle("reduced", false) + } + + // TODO: Cniva, Ardashir, and Shapur + // TODO: Zenobia, Postumus, Priest King + + let tribe_count = TRIBE_COUNT[player_count] + for (let tribe = 0; tribe < TRIBE_COUNT[player_count]; ++tribe) { + for (let i = 0; i < 10; ++i) { + show(ui.barbarians[tribe][i]) + if (is_barbarian_inactive(first_barbarian[tribe] + i)) + ui.barbarians[tribe][i].classList.toggle("inactive", true) else - ui.legions[i].classList.toggle("reduced", false) - } else { - hide(ui.legions[i]) + ui.barbarians[tribe][i].classList.toggle("inactive", false) } } - for (let i = 0; i < 50; ++i) { - if (view.barbarians[i] >= 0) { - show(ui.barbarians[i]) - if (view.is_barbarian_inactive[i]) - ui.barbarians[i].classList.toggle("inactive", true) - else - ui.barbarians[i].classList.toggle("inactive", false) - } else { - hide(ui.barbarians[i]) + for (let tribe = TRIBE_COUNT[player_count]; tribe < 5; ++tribe) { + for (let i = 0; i < 10; ++i) { + hide(ui.barbarians[tribe][i]) } } stack_count.fill(1) for (let region = 0; region < 12 + 5; ++region) { - for (let tribe = 0; tribe < 5; ++tribe) { + for (let tribe = 0; tribe < tribe_count; ++tribe) { let active_barbarians = [] let inactive_barbarians = [] - for (let i = tribe * 10; i < tribe * 10 + 10; ++i) { - // TODO: Cniva, Ardashir, and Shapur - if (view.barbarians[i] === region) { - if (view.is_barbarian_inactive[i]) - inactive_barbarians.push(ui.barbarians[i]) + // TODO: Cniva, Ardashir, and Shapur + for (let i = 0; i < 10; ++i) { + let loc = get_barbarian_location(first_barbarian[tribe], i) + let inactive = is_barbarian_inactive(first_barbarian[tribe], i) + if (loc === region) { + if (inactive) + inactive_barbarians.push(ui.barbarians[tribe][i]) else - active_barbarians.push(ui.barbarians[i]) + active_barbarians.push(ui.barbarians[tribe][i]) } } if (active_barbarians.length > 0) @@ -577,100 +658,145 @@ function on_update() { } for (let region = 0; region < 12; ++region) { - if (view.militia & (1 << region)) { + if (has_militia(region)) { let lone_militia = true - for (let pi = 0; pi < view.players.length; ++pi) { - for (let ai = 0; ai < 6; ++ai) { - if (view.players[pi].generals[ai] === region) - if (view.players[pi].capital & (1 << ai)) - lone_militia = false + for (let pi = 0; pi < player_count; ++pi) { + for (let i = 0; i < 6; ++i) { + let loc = get_general_location(first_general[pi] + i) + let inside = is_general_inside_capital(first_general[pi] + i) + if (loc === region && inside) + lone_militia = false + } + } + if (lone_militia) { + let mcastra = has_militia_castra(region) + if (mcastra) { + show(ui.mcastra[region]) + layout_stack(0, [ ui.militia[region], ui.mcastra[region] ], region, true) + } else { + hide(ui.mcastra[region]) + layout_stack(0, [ ui.militia[region] ], region, true) } } - if (lone_militia) - layout_stack(0, [ ui.militia[region] ], region, true) + } + + if (is_no_place_governor(region)) { + hide(ui.neutral_governors[region]) + } else { + if (is_neutral_province(region)) { + show(ui.neutral_governors[region]) + layout_governor(ui.neutral_governors[region], "neutral", region) + } else { + hide(ui.neutral_governors[region]) + } } } - for (let pi = 0; pi < view.players.length; ++pi) { - let p = view.players[pi] + for (let pi = 0; pi < player_count; ++pi) { + let avail_stack = [] for (let ai = 0; ai < 6; ++ai) { - let id = 100 + 100 * pi + ai - - let r = p.generals[ai] + let id = ARMY + first_general[pi] + ai + let region = get_general_location(first_general[pi] + ai) + let inside = is_general_inside_capital(first_general[pi] + ai) + let castra = has_general_castra(first_general[pi] + ai) let e = ui.generals[pi][ai] - if (r >= 0) { + show(e) + if (region < 21) { let stack = [] - if (e.parentNode !== ui.pieces) - ui.pieces.appendChild(e) - if ((view.militia & (1 << r)) && (p.capital & (1 << ai))) - stack.push(ui.militia[r]) + if (has_militia(region) && inside) + stack.push(ui.militia[region]) - for (let i = 0; i < 33; ++i) { - if (view.legions[i] === id) { - stack.push(ui.legions[i]) + for (let tribe = 0; tribe < tribe_count; ++tribe) { + for (let i = 0; i < 10; ++i) { + let loc = get_barbarian_location(first_barbarian[tribe] + i) + if (loc === id) + stack.push(ui.barbarians[tribe][i]) } } - for (let i = 0; i < 50; ++i) - if (view.barbarians[i] === id) - stack.push(ui.barbarians[i]) + for (let i = 0; i < 33; ++i) { + let loc = get_legion_location(i) + if (loc === id) + stack.push(ui.legions[i]) + } stack.push(e) - if (p.castra & (1 << ai)) { + if (castra) { show(ui.castra[pi][ai]) stack.push(ui.castra[pi][ai]) } else { hide(ui.castra[pi][ai]) } - if (p.capital & (1 << ai)) - layout_stack(id, stack, r, true) + if (inside) + layout_stack(id, stack, region, true) else - layout_stack(id, stack, r, false) + layout_stack(id, stack, region, false) } else { - if (e.parentNode !== ui.available_generals) - ui.available_generals.appendChild(e) + avail_stack.push(e) } + e.classList.toggle("unavailable", region === UNAVAILABLE) + } + layout_available(avail_stack, 63, pi * 625 + 0, 30) + } - if (p.governors[ai] < 0) - show(ui.governors[pi][ai]) - else - hide(ui.governors[pi][ai]) + for (let pi = 0; pi < player_count; ++pi) { + let avail_stack = [] + for (let ai = 0; ai < 6; ++ai) { + let id = 100 + 100 * pi + ai + let region = get_governor_location(first_governor[pi] + ai) + let e = ui.governors[pi][ai] + if (region >= 1 && region < 12) { + layout_governor(e, PLAYER_CLASS[pi], region) + } else { + if (region === AVAILABLE) + layout_governor_available(e, PLAYER_CLASS[pi]) + else + layout_governor_unavailable(e, PLAYER_CLASS[pi], ai) + avail_stack.push(e) + } + e.classList.toggle("unavailable", region === UNAVAILABLE) } + layout_available(avail_stack, 58, pi * 625 + 325, 27) } - if (view.dice[0] > 0) { - ui.dice[0].className = "dice black d" + view.dice[0] - ui.dice[1].className = "dice white d" + view.dice[1] - } else { - ui.dice[0].className = "dice hide" - ui.dice[1].className = "dice hide" + ui.dice[0].className = "dice black d" + view.dice[0] + ui.dice[1].className = "dice white d" + view.dice[1] + ui.dice[2].className = "dice black d" + view.dice[2] + ui.dice[3].className = "dice white d" + view.dice[3] + + if (view.events) { + for (let c of view.events) + ui.played.appendChild(ui.cards[c]) } - if (view.dice[2] > 0) { - ui.dice[2].className = "dice black d" + view.dice[0] - ui.dice[3].className = "dice white d" + view.dice[1] - } else { - ui.dice[2].className = "dice hide" - ui.dice[3].className = "dice hide" + + ui.played.replaceChildren() + if (view.played) { + for (let c of view.played) + ui.played.appendChild(ui.cards[c]) } + ui.hand.replaceChildren() if (view.hand) { for (let c of view.hand) ui.hand.appendChild(ui.cards[c]) } + ui.draw.replaceChildren() if (view.draw) { for (let c of view.draw) ui.draw.appendChild(ui.cards[c]) } + ui.discard.replaceChildren() if (view.discard) { for (let c of view.discard) ui.discard.appendChild(ui.cards[c]) } + ui.market.replaceChildren() for (let pile of view.market) { if (pile.length > 0) ui.market.appendChild(ui.cards[pile[0]]) @@ -679,6 +805,32 @@ function on_update() { for (let e of action_register) e.classList.toggle("action", is_action(e.my_action, e.my_id)) + action_button("enter", "Enter Capital") + action_button("leave", "Leave Capital") + + action_button("spend", "Spend") + action_button("roll", "Roll") + + action_button("militia", "Place Militia") + action_button("support", "Increase Support Level") + action_button("hold_games", "Hold Games") + action_button("build_improvement", "Build an Improvement") + + action_button("disperse_mob", "Disperse Mob") + action_button("train_legions", "Train Legions") + action_button("add_legion_to_army", "Add Legion to Army") + action_button("move_army", "Move Army") + action_button("initiate_battle", "Initiate Battle") + + action_button("amphitheater", "Amphitheater") + action_button("basilica", "Basilica") + action_button("limes", "Limes") + + action_button("recall", "Recall") + action_button("recruit", "Recruit") + action_button("place", "Place") + action_button("create_army", "Create Army") + action_button("end_actions", "End Actions") action_button("done", "Done") -- cgit v1.2.3