Baipyrus/Matrix
1
0
Fork 0
mirror of https://gitlab1.ptb.de/waltem01/Matrix synced 2024-11-14 00:43:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

commented matrix.ts file

Browse Source
This commit is contained in:
waltem01 2022-08-07 19:24:53 +02:00
parent d3016684f3
commit a3e54d5f09
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Webserver/src/lib/client/matrix.ts
View File

@ -1,14 +1,16 @@
// Interface to represent a singualr matrix cell object
export interface MatrixCell {
xIndex: number;
yIndex: number;
x: number;
y: number;
color: string;
}
// Create a 2D array containing MatrixCell objects with bg-color: black
export function initializeMatrix(scaling: number): MatrixCell[][] {
return Array.from({ length: 192 / scaling }, (_, yIndex) =>
return Array.from({ length: 192 / scaling }, (_, y) =>
Array.from(
{ length: 192 / scaling },
(_, xIndex) => ({ xIndex, yIndex, color: '000000' }) as MatrixCell
(_, x) => ({ x, y, color: '000000' }) as MatrixCell
)
) as MatrixCell[][];
}

6
Webserver/src/routes/admin/+page.svelte
View File

@ -579,12 +579,12 @@
on:mouseup|preventDefault={() => (mousePressed = false)}
>
{#each matrix as row}
<tr data-y={row[0].yIndex}>
<tr data-y={row[0].y}>
{#each row as cell}
<td
data-x={cell.xIndex}
data-x={cell.x}
style="padding: {padding}rem; background-color: #{getContrastColor(cell.color)}"
class="{gamepad && gameCoords.x === cell.xIndex && gameCoords.y === cell.yIndex
class="{gamepad && gameCoords.x === cell.x && gameCoords.y === cell.y
? 'opacity-50'
: 'opacity-0'} hover:opacity-50"
on:mousemove={setMousePixel}