Make the code only compute the proper main area index one time

This commit is contained in:
Oliver Akins 2022-07-20 21:12:20 -06:00
parent d4bc98ff77
commit 4ca083e570
No known key found for this signature in database
GPG key ID: 3C2014AF9457AF99

View file

@ -95,18 +95,19 @@ function calculateMidNumber(row: number, col: number) {
</Hexagon>
</div>
<div class="warp-gate inner-grid"></div>
{#each Array(5) as _, r}
<div class="main-row {r % 2 == 1 ? `row-reverse` : ``}">
{#each Array(10) as _, c}
{#each Array(5) as _, row}
<div class="main-row {row % 2 == 1 ? `row-reverse` : ``}">
{#each Array(10) as _, col}
{@const boardIndex = col + (( row * 10 ) + (1 * row))}
<div>
<Hexagon>
{#if board[calculateMidNumber(r, c)] != null}
{#if board[boardIndex] != null}
<div
class="spaceship-icon"
style="--colour: {board[calculateMidNumber(r, c)].colour.hex};"
style="--colour: {board[boardIndex].colour.hex};"
>
<Spaceship
spaceship="{board[calculateMidNumber(r, c)].ship.id}"
spaceship="{board[boardIndex].ship.id}"
/>
</div>
{/if}