feat: Swaping to new texture on the backend (#79)

* feat: Swaping to new texture on the backend * fix format
VGVentures · Mar 14, 2024 · f603289 · f603289
1 parent 108cc24
commit f603289
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 8 deletions.
diff --git a/api/packages/board_renderer/assets/letters.png b/api/packages/board_renderer/assets/letters.png
diff --git a/api/packages/board_renderer/lib/src/board_renderer.dart b/api/packages/board_renderer/lib/src/board_renderer.dart
@@ -12,6 +12,8 @@ typedef CreateCommand = img.Command Function();
 typedef CreateImage = img.Image Function({
   required int width,
   required int height,
+  int numChannels,
+  img.Color backgroundColor,
 });
 
 /// A function that draws a rectangle in an image.
@@ -131,6 +133,8 @@ class BoardRenderer {
     final image = _createImage(
       width: totalWidth + cellSize,
       height: totalHeight + cellSize,
+      numChannels: 4,
+      backgroundColor: img.ColorRgba8(0, 255, 255, 255),
     );
 
     for (final word in words) {
@@ -168,6 +172,7 @@ class BoardRenderer {
 
     final createdCommand = _createCommand()
       ..image(image)
+      ..convert(numChannels: 4, alpha: 0)
       ..encodePng();
 
     await createdCommand.execute();
@@ -194,14 +199,16 @@ class BoardRenderer {
   Future<Uint8List> renderSection(BoardSection section) async {
     final words = [...section.words, ...section.borderWords];
 
-    const cellSize = 40;
+    const cellSize = 80;
 
     final totalWidth = section.size * cellSize;
     final totalHeight = section.size * cellSize;
 
     final image = _createImage(
       width: totalWidth,
       height: totalHeight,
+      numChannels: 4,
+      backgroundColor: img.ColorRgba8(0, 255, 255, 255),
     );
 
     const url = 'http://127.0.0.1:8080/assets/letters.png';
@@ -233,14 +240,17 @@ class BoardRenderer {
               : position.$2 * cellSize
         );
         if (dstX < totalWidth && dstY < totalHeight && dstX >= 0 && dstY >= 0) {
+          final srcX =
+              word.solvedTimestamp == null ? 2080 : charIndex * cellSize;
+
           _compositeImage(
             image,
             texture,
             dstX: dstX,
             dstY: dstY,
             dstW: cellSize,
             dstH: cellSize,
-            srcX: charIndex * cellSize,
+            srcX: srcX,
             srcY: 0,
             srcW: cellSize,
             srcH: cellSize,

diff --git a/api/packages/board_renderer/test/src/board_renderer_test.dart b/api/packages/board_renderer/test/src/board_renderer_test.dart
@@ -30,7 +30,13 @@ void main() {
 
         final renderer = BoardRenderer(
           createCommand: () => command,
-          createImage: ({required width, required height}) => image,
+          createImage: ({
+            required width,
+            required height,
+            int numChannels = 4,
+            img.Color? backgroundColor,
+          }) =>
+              image,
           drawRect: (
             img.Image dst, {
             required int x1,
@@ -84,7 +90,13 @@ void main() {
 
           final renderer = BoardRenderer(
             createCommand: () => command,
-            createImage: ({required width, required height}) => image,
+            createImage: ({
+              required width,
+              required height,
+              int numChannels = 4,
+              img.Color? backgroundColor,
+            }) =>
+                image,
             drawRect: (
               img.Image dst, {
               required int x1,
@@ -165,7 +177,13 @@ void main() {
 
         final renderer = BoardRenderer(
           createCommand: () => command,
-          createImage: ({required width, required height}) => image,
+          createImage: ({
+            required width,
+            required height,
+            int numChannels = 4,
+            img.Color? backgroundColor,
+          }) =>
+              image,
           drawRect: (
             img.Image dst, {
             required int x1,
@@ -225,7 +243,13 @@ void main() {
 
         final renderer = BoardRenderer(
           createCommand: () => command,
-          createImage: ({required width, required height}) => image,
+          createImage: ({
+            required width,
+            required height,
+            int numChannels = 4,
+            img.Color? backgroundColor,
+          }) =>
+              image,
           drawRect: (
             img.Image dst, {
             required int x1,
@@ -293,7 +317,13 @@ void main() {
 
         final renderer = BoardRenderer(
           createCommand: () => command,
-          createImage: ({required width, required height}) => image,
+          createImage: ({
+            required width,
+            required height,
+            int numChannels = 4,
+            img.Color? backgroundColor,
+          }) =>
+              image,
           drawRect: (
             img.Image dst, {
             required int x1,
@@ -359,7 +389,13 @@ void main() {
 
         final renderer = BoardRenderer(
           createCommand: () => command,
-          createImage: ({required width, required height}) => image,
+          createImage: ({
+            required width,
+            required height,
+            int numChannels = 4,
+            img.Color? backgroundColor,
+          }) =>
+              image,
           drawRect: (
             img.Image dst, {
             required int x1,

diff --git a/api/public/assets/letters.png b/api/public/assets/letters.png