fix: sync the actual badge and preview

Author: samruddhi-Rahegaonkar

lib/badge_animation/ani_animation.dart

@@ -2,167 +2,29 @@ import 'package:badgemagic/badge_animation/animation_abstract.dart';
 
 class AniAnimation extends BadgeAnimation {
   @override
-  void processAnimation(
-    int badgeHeight,
-    int badgeWidth,
-    int animationIndex,
-    List<List<bool>> processGrid,
-    List<List<bool>> canvas,
-  ) {
-    if (processGrid.isEmpty ||
-        processGrid.any((row) => row.length != processGrid[0].length)) {
-      throw ArgumentError(
-        'processGrid must be a non-empty rectangular 2D list',
-      );
-    }
-
+  void processAnimation(int badgeHeight, int badgeWidth, int animationIndex,
+      List<List<bool>> processGrid, List<List<bool>> canvas) {
     int newGridHeight = processGrid.length;
     int newGridWidth = processGrid[0].length;
-
-    if (canvas.length < badgeHeight ||
-        canvas.any((row) => row.length < badgeWidth)) {
-      throw ArgumentError(
-        'canvas must have at least $badgeHeight rows and $badgeWidth columns',
-      );
-    }
-
-    // Clear canvas first
     for (int i = 0; i < badgeHeight; i++) {
       for (int j = 0; j < badgeWidth; j++) {
-        canvas[i][j] = false;
-      }
-    }
-
-    // Find word boundaries by detecting spaces (multiple empty columns)
-    List<Map<String, int>> words =
-        _findWords(processGrid, newGridHeight, newGridWidth);
-
-    if (words.isEmpty) {
-      // If no words found, show the entire grid
-      _displaySegment(processGrid, canvas, 0, newGridWidth, badgeHeight,
-          badgeWidth, newGridHeight);
-      return;
-    }
-
-    // Determine which word to show based on animation index
-    int frameDisplayDuration =
-        30; // Adjust this to control how long each word is shown
-    int currentWordIndex =
-        (animationIndex ~/ frameDisplayDuration) % words.length;
+        // Calculate the total number of frames that fit the badge width
+        int framesCount = (newGridWidth / badgeWidth).ceil();
 
-    // Get start and end positions for current word
-    int wordStart = words[currentWordIndex]['start']!;
-    int wordEnd = words[currentWordIndex]['end']!;
+        // Determine the current frame based on the animation value
+        int currentcountFrame = animationIndex ~/ badgeWidth % framesCount;
 
-    // Display the current word
-    _displaySegment(processGrid, canvas, wordStart, wordEnd, badgeHeight,
-        badgeWidth, newGridHeight);
-  }
+        // Calculate the starting column for the current frame in newGrid
+        int startCol = currentcountFrame * badgeWidth;
 
-  List<Map<String, int>> _findWords(
-      List<List<bool>> grid, int height, int width) {
-    List<Map<String, int>> words = [];
-    int minSpaceWidth =
-        3; // Minimum number of empty columns to consider as word separator
+        bool isNewGridCell = i < newGridHeight && (startCol + j) < newGridWidth;
 
-    int wordStart = -1;
-    int emptyColumnCount = 0;
+        // Update the grid based on the current frame's data
+        bool animationCondition =
+            (isNewGridCell && processGrid[i][startCol + j]);
 
-    for (int col = 0; col < width; col++) {
-      bool hasPixel = false;
-
-      // Check if this column has any pixels
-      for (int row = 0; row < height; row++) {
-        if (grid[row][col]) {
-          hasPixel = true;
-          break;
-        }
-      }
-
-      if (hasPixel) {
-        // This column has content
-        if (wordStart == -1) {
-          // Start of a new word
-          wordStart = col;
-        }
-        emptyColumnCount = 0;
-      } else {
-        // This column is empty
-        emptyColumnCount++;
-
-        // If we have enough empty columns and we were in a word, end the word
-        if (emptyColumnCount >= minSpaceWidth && wordStart != -1) {
-          words.add({
-            'start': wordStart,
-            'end': col - emptyColumnCount + 1,
-          });
-          wordStart = -1;
-        }
-      }
-    }
-
-    // Handle the last word if it extends to the end
-    if (wordStart != -1) {
-      words.add({
-        'start': wordStart,
-        'end': width,
-      });
-    }
-
-    return words;
-  }
-
-  void _displaySegment(
-      List<List<bool>> source,
-      List<List<bool>> canvas,
-      int startCol,
-      int endCol,
-      int badgeHeight,
-      int badgeWidth,
-      int sourceHeight) {
-    // Create temporary frame for the word
-    List<List<bool>> tempFrame = List.generate(
-      badgeHeight,
-      (_) => List.filled(badgeWidth, false),
-    );
-
-    // Copy the word segment
-    int wordWidth = endCol - startCol;
-    for (int i = 0; i < badgeHeight && i < sourceHeight; i++) {
-      for (int j = 0; j < wordWidth && j < badgeWidth; j++) {
-        int sourceCol = startCol + j;
-        if (sourceCol < source[i].length) {
-          tempFrame[i][j] = source[i][sourceCol];
-        }
-      }
-    }
-
-    // Remove leading empty columns to left-align the word
-    int shiftLeftBy =
-        _countLeadingEmptyCols(tempFrame, badgeHeight, badgeWidth);
-
-    // Apply the shift and copy to canvas
-    for (int i = 0; i < badgeHeight; i++) {
-      for (int j = 0; j < badgeWidth; j++) {
-        int sourceCol = j + shiftLeftBy;
-        canvas[i][j] = sourceCol < badgeWidth ? tempFrame[i][sourceCol] : false;
-      }
-    }
-  }
-
-  int _countLeadingEmptyCols(List<List<bool>> frame, int height, int width) {
-    for (int col = 0; col < width; col++) {
-      bool isColEmpty = true;
-      for (int row = 0; row < height; row++) {
-        if (frame[row][col]) {
-          isColEmpty = false;
-          break;
-        }
-      }
-      if (!isColEmpty) {
-        return col;
+        canvas[i][j] = animationCondition;
       }
     }
-    return 0;
   }
 }