Skip to content

feat(game): vivid palette, sharper square blocks #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
uhmin99 merged 1 commit into from
Jul 16, 2026
Merged

feat(game): vivid palette, sharper square blocks #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions lib/game/block_painter.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,12 +16,12 @@ void paintBlock(Canvas canvas, Rect rect, Color color, {double opacity = 1}) {
final inset = rect.shortestSide * 0.015;
final body = rect.deflate(inset);
final side = body.shortestSide;
final outerR = Radius.circular(side * 0.22);
final outerR = Radius.circular(side * 0.10);

Color withA(Color c) => c.withValues(alpha: c.a * opacity);

final light = Color.lerp(color, _white, 0.55)!;
final dark = Color.lerp(color, _black, 0.30)!;
final light = Color.lerp(color, _white, 0.42)!;
final dark = Color.lerp(color, _black, 0.34)!;

// 1. Outer body: diagonal light→dark gives the directional 3D. The bevel
// border (revealed around the inner face below) reads as lit on the
Expand All @@ -39,13 +39,13 @@ void paintBlock(Canvas canvas, Rect rect, Color color, {double opacity = 1}) {

// 2. Raised inner face: inset rounded rect, brighter at the top, that
// leaves the beveled border showing all around.
final bevel = side * 0.14;
final bevel = side * 0.13;
final face = body.deflate(bevel);
canvas.drawRRect(
RRect.fromRectAndRadius(face, Radius.circular(face.shortestSide * 0.2)),
RRect.fromRectAndRadius(face, Radius.circular(face.shortestSide * 0.08)),
Paint()
..shader = Gradient.linear(face.topCenter, face.bottomCenter, [
withA(Color.lerp(color, _white, 0.32)!),
withA(Color.lerp(color, _white, 0.20)!),
withA(color),
]),
);
Expand Down
16 changes: 8 additions & 8 deletions lib/models/game_theme.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,14 +75,14 @@ const GameTheme defaultTheme = GameTheme(
// Brightened after playtest feedback (2026-07-14): the original set
// read too dark on real phone panels next to genre peers.
blockPalette: [
Color(0xFFFF6161), // 0 red
Color(0xFF59D96A), // 1 green
Color(0xFFFFA033), // 2 orange
Color(0xFFFFD84D), // 3 yellow
Color(0xFF4D9BFF), // 4 blue
Color(0xFFBB6BFF), // 5 purple
Color(0xFF3FD9F5), // 6 cyan
Color(0xFFFF7BC4), // 7 pink
Color(0xFFFF2E2E), // 0 red
Color(0xFF2FD048), // 1 green
Color(0xFFFF8A00), // 2 orange
Color(0xFFFFCE00), // 3 yellow
Color(0xFF2B82FF), // 4 blue
Color(0xFFA43BFF), // 5 purple
Color(0xFF12CFEF), // 6 cyan
Color(0xFFFF52AE), // 7 pink
],
ghostOverlay: Color(0x66FFFFFF),
lineHighlight: Color(0xAAFFF176),
Expand Down
Loading