added a custom frame creation option

Author: Your Name

lib/bademagic_module/utils/file_helper.dart

@@ -38,6 +38,12 @@ class FileHelper {
     return 'data_${timestamp}_$uniqueId.json';
   }
 
+  static String _generateFramesFilename() {
+    final String uniqueId = uuid.v4();
+    final String timestamp = DateTime.now().millisecondsSinceEpoch.toString();
+    return 'frames_${timestamp}_$uniqueId.json';
+  }
+
   // Add a new image to the cache
   void addToCache(Uint8List imageData, String filename) {
     int key;
@@ -189,6 +195,31 @@ class FileHelper {
     await _addImageDataToCache(image, filename);
   }
 
+  Future<void> saveFrameAnimation(List<List<List<int>>> frames) async {
+    final filename = _generateFramesFilename();
+    final jsonData = jsonEncode(frames);
+    await _writeToFile(filename, jsonData);
+  }
+
+  Future<void> saveFrameAnimationWithName(
+      String name, List<List<List<int>>> frames, int speed) async {
+    // Sanitize name for filesystem
+    String sanitized = name
+        .trim()
+        .replaceAll(RegExp(r"[^A-Za-z0-9 _.-]"), "")
+        .replaceAll(" ", "_");
+    if (sanitized.isEmpty) {
+      sanitized = "untitled";
+    }
+    final filename = 'frames_${sanitized}.json';
+    final Map<String, dynamic> payload = {
+      'frames': frames,
+      'speed': speed,
+    };
+    final jsonData = jsonEncode(payload);
+    await _writeToFile(filename, jsonData);
+  }
+
   Future<dynamic> readFromFile(String filename) async {
     try {
       final path = await _getFilePath(filename);

lib/main.dart

@@ -2,6 +2,8 @@ import 'package:badgemagic/providers/getitlocator.dart';
 import 'package:badgemagic/providers/imageprovider.dart';
 import 'package:badgemagic/view/about_us_screen.dart';
 import 'package:badgemagic/view/draw_badge_screen.dart';
+import 'package:badgemagic/view/create_frames_screen.dart';
+import 'package:badgemagic/view/saved_frames_screen.dart';
 import 'package:badgemagic/view/homescreen.dart';
 import 'package:badgemagic/view/save_badge_screen.dart';
 import 'package:badgemagic/view/saved_clipart.dart';
@@ -51,6 +53,8 @@ class MyApp extends StatelessWidget {
             '/savedClipart': (context) => const SavedClipart(),
             '/aboutUs': (context) => const AboutUsScreen(),
             '/settings': (context) => const SettingsScreen(),
+            '/createFrames': (context) => const CreateFramesScreen(),
+            '/savedFrames': (context) => const SavedFramesScreen(),
           },
         );
       },