diff options
| -rw-r--r-- | eliminated.svg | 1 | ||||
| -rw-r--r-- | play.html | 10 | ||||
| -rw-r--r-- | play.js | 10 | ||||
| -rw-r--r-- | rules.js | 2 |
4 files changed, 23 insertions, 0 deletions
diff --git a/eliminated.svg b/eliminated.svg new file mode 100644 index 0000000..7c03a40 --- /dev/null +++ b/eliminated.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M255.997 16.004c-120 0-239.997 60-239.997 149.998C16 226.002 61 256 61 316c0 45-15 45-15 75 0 14.998 48.01 32.002 89.998 44.998v60h239.997v-60s90.567-27.957 90-45c-.933-27.947-15-30-15-74.998 0-30 45.642-91.42 44.998-149.998 0-90-119.998-149.998-239.996-149.998zm-90 179.997c33.137 0 60 26.864 60 60 0 33.136-26.863 60-60 60C132.863 316 106 289.136 106 256c0-33.136 26.862-60 59.998-60zm179.998 0c33.136 0 60 26.864 60 60 0 33.136-26.864 60-60 60-33.136 0-60-26.864-60-60 0-33.136 26.864-60 60-60zm-89.998 105c15 0 45 60 45 75 0 29.998 0 29.998-15 29.998h-60c-15 0-15 0-15-30 0-15 30-74.998 45-74.998z" fill="#000" fill-opacity="0.2"/></svg> @@ -432,11 +432,13 @@ svg #lines line.axis_supply.allied_supply { box-shadow: 0 0 2px 1px hsl(80, 20%, 20%); } +.unit.axis.eliminated, .unit.axis.fired, .unit.axis.moved:not(.disrupted):not(.unsupplied) { border-color: hsl(80, 20%, 40%); } +.unit.axis.eliminated:not(.revealed), .unit.axis.fired:not(.revealed), .unit.axis.moved:not(.revealed) { background-color: hsl(80, 20%, 50%); @@ -448,11 +450,13 @@ svg #lines line.axis_supply.allied_supply { box-shadow: 0 0 2px 1px hsl(30, 40%, 20%); } +.unit.allied.eliminated, .unit.allied.fired, .unit.allied.moved:not(.disrupted):not(.unsupplied) { border-color: hsl(35, 40%, 40%); } +.unit.allied.eliminated:not(.revealed), .unit.allied.fired:not(.revealed), .unit.allied.moved:not(.revealed) { background-color: hsl(35, 40%, 50%); @@ -464,6 +468,12 @@ svg #lines line.axis_supply.allied_supply { background-position: center bottom; } +.unit.eliminated:not(.revealed) { + background-image: url(eliminated.svg); + background-size: 60%; + background-position: center; +} + .unit.axis.revealed { background-color: #abba8e; } @@ -23,6 +23,7 @@ const SS_TOBRUK = 4 const SS_OASIS = 5 const DEPLOY = 1 +const ELIMINATED = 2 const ARMOR = 0 const INFANTRY = 1 @@ -375,6 +376,8 @@ function on_focus_unit(evt) { t += " - moved" if (is_unit_fired(u)) t += " - fired" + if (unit_hex(u) === ELIMINATED) + t += " - eliminated" document.getElementById("status").textContent = t } @@ -716,6 +719,7 @@ function layout_stack(stack, hex, start_x, start_y, wrap, xdir) { e.classList.toggle("action", !view.battle && is_unit_action(u)) e.classList.toggle("selected", !view.battle && is_unit_selected(u)) e.classList.toggle("moved", is_unit_moved(u)) + e.classList.toggle("eliminated", unit_hex(u) === ELIMINATED) } } @@ -750,6 +754,12 @@ function update_map() { for (let u = 0; u < unit_count; ++u) { let e = ui.units[u] let hex = unit_hex(u) + if (hex === 2) { + if (is_axis_unit(u)) + hex = 170 + else + hex = 171 + } if (hex >= hexdeploy + view.month + 10) hex = 0 if (is_setup_hex(hex)) { @@ -132,6 +132,7 @@ const ALLIED_QUEUE = 49 // Free deployment holding box const DEPLOY = 1 +const ELIMINATED = 2 // Off board optional 1942 Malta reinforcements const MALTA = 4 @@ -439,6 +440,7 @@ function set_unit_fired(u) { function eliminate_unit(u) { invalidate_caches() game.units[u] = 0 + set_unit_hex(u, ELIMINATED) hide_unit(u) } |
