getcompanion-ai/co-mono
1
0
Fork 0
mirror of https://github.com/getcompanion-ai/co-mono.git synced 2026-04-15 19:05:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix snake velocity: render cells as 2 chars wide for square aspect

Browse source 
Terminal cells are ~2:1 aspect ratio, so movement appeared faster
vertically. Now each game cell is 2 characters wide.
This commit is contained in:
Mario Zechner 2025-12-27 03:28:30 +01:00
parent 516c0ea8bc
commit 5ae33defd3
1 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
packages/coding-agent/examples/hooks/snake.ts
View file

@ -168,8 +168,9 @@ class SnakeComponent {
const lines: string[] = [];
// Clamp game width to available terminal width (leaving space for border)
const effectiveWidth = Math.min(GAME_WIDTH, width - 4);
// Each game cell is 2 chars wide to appear square (terminal cells are ~2:1 aspect)
const cellWidth = 2;
const effectiveWidth = Math.min(GAME_WIDTH, Math.floor((width - 4) / cellWidth));
const effectiveHeight = GAME_HEIGHT;
// Colors
@ -186,7 +187,7 @@ class SnakeComponent {
lines.push(this.padLine(` ${title}`, width));
// Top border with rounded corners
lines.push(this.padLine(dim(` ╭${"─".repeat(effectiveWidth)}╮`), width));
lines.push(this.padLine(dim(` ╭${"─".repeat(effectiveWidth * cellWidth)}╮`), width));
// Game grid
for (let y = 0; y < effectiveHeight; y++) {
@ -197,13 +198,13 @@ class SnakeComponent {
const isFood = this.state.food.x === x && this.state.food.y === y;
if (isHead) {
row += green("●"); // Snake head
row += green("██"); // Snake head (2 chars)
} else if (isBody) {
row += green("○"); // Snake body
row += green("▓▓"); // Snake body (2 chars)
} else if (isFood) {
row += red("◆"); // Food
row += red("◆ "); // Food (2 chars)
} else {
row += dim("·"); // Empty cell
row += " "; // Empty cell (2 spaces)
}
}
row += dim("│");
@ -211,7 +212,7 @@ class SnakeComponent {
}
// Bottom border with rounded corners
lines.push(this.padLine(dim(` ╰${"─".repeat(effectiveWidth)}╯`), width));
lines.push(this.padLine(dim(` ╰${"─".repeat(effectiveWidth * cellWidth)}╯`), width));
// Footer
if (this.state.gameOver) {