fx5 - Vinyl clean ups

Author: amalChandran

lib/circles_selector/CirclesHomeWidget.dart

@@ -98,15 +98,6 @@ class _PannableCircleGridState extends State<PannableCircleGrid>
                       );
                     },
                   ),
-                  // CustomPaint( //Enable for debugging
-                  //   painter: DebugPainter(
-                  //     tapPosition: _tapPosition,
-                  //     gridOffset: _offset,
-                  //     circleSize: _circleSize,
-                  //     spacing: _spacing,
-                  //     columns: _columns,
-                  //   ),
-                  // ),
                 ],
               ),
             ),
@@ -156,72 +147,6 @@ class _PannableCircleGridState extends State<PannableCircleGrid>
       ),
     );
   }
-  // @override
-  // Widget build(BuildContext context) {
-  //   return GestureDetector(
-  //     onPanUpdate: _handlePan,
-  //     onPanEnd: _handlePanEnd,
-  //     child: Container(
-  //       // Added Container for background color
-  //       color: Colors.black,
-  //       child: ClipRect(
-  //         child: Stack(
-  //           children: [
-  //             AnimatedBuilder(
-  //               animation:
-  //                   Listenable.merge(_animationControllers.values.toList()),
-  //               builder: (context, child) {
-  //                 return CustomPaint(
-  //                   painter: CircleGridPainter(
-  //                     offset: _offset,
-  //                     circleSize: _circleSize,
-  //                     selectedCircleMultiplier: _selectedCircleMultiplier,
-  //                     spacing: _spacing,
-  //                     selectedIndex: _selectedIndex,
-  //                     columns: _columns,
-  //                     animationControllers: _animationControllers,
-  //                   ),
-  //                   child: GestureDetector(
-  //                     onTapUp: _handleTap,
-  //                   ),
-  //                 );
-
-  //                 // Stack(
-  //                 //   children: [
-
-  //                 //   ],
-  //                 // );
-  //               },
-  //             ),
-  //             CustomPaint(
-  //               painter: DebugPainter(
-  //                 tapPosition: _tapPosition,
-  //                 gridOffset: _offset,
-  //                 circleSize: _circleSize,
-  //                 spacing: _spacing,
-  //                 columns: _columns,
-  //               ),
-  //             ),
-  //             Positioned(
-  //               bottom: 0,
-  //               child: Container(
-  //                 height: 100,
-  //                 width: double.infinity,
-  //                 decoration: BoxDecoration(
-  //                   gradient: LinearGradient(
-  //                     colors: [Colors.blue, Colors.green],
-  //                     begin: Alignment.centerLeft,
-  //                     end: Alignment.centerRight,
-  //                   ),
-  //                 ),
-  //               ),
-  //             )
-  //           ],
-  //         ),
-  //       ),
-  //     ),
-  //   );
-  // }
 
   void _handlePan(DragUpdateDetails details) {
     setState(() {

lib/main.dart

@@ -13,6 +13,7 @@ class AnimationShowcaseApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
+      debugShowCheckedModeBanner: false,
       title: 'fx-widget Showcase',
       theme: ThemeData.dark().copyWith(
         primaryColor: const Color(0xFF1E1E1E),
@@ -57,7 +58,10 @@ class HomeScreen extends StatelessWidget {
       appBarColor: Colors.black,
     ),
     AnimationExample(
-        title: '3D Vinyl', builder: (context) => const VinylHomeWidget()),
+      title: '3D Vinyl',
+      builder: (context) => const VinylHomeWidget(),
+      appBarColor: Colors.black,
+    ),
   ];
 
   HomeScreen({super.key});
@@ -90,8 +94,8 @@ class HomeScreen extends StatelessWidget {
                 onTap: () => Navigator.push(
                   context,
                   MaterialPageRoute(
-                    builder: (context) =>
-                        DetailScreen(example: examples[index]),
+                    builder: (context) => DetailScreen(
+                        key: UniqueKey(), example: examples[index]),
                   ),
                 ),
                 child: Column(

lib/vinyl/card_stack_4_angles.dart

@@ -3,6 +3,7 @@ import 'dart:math' as math;
 import 'dart:convert';
 import 'package:flutter/services.dart';
 
+//make this into web tools for working quickly with flutter animation with transform
 class CameraSimulation extends StatefulWidget {
   @override
   _CameraSimulationState createState() => _CameraSimulationState();
@@ -233,97 +234,3 @@ class _CameraSimulationState extends State<CameraSimulation> {
     );
   }
 }
-// import 'package:flutter/material.dart';
-// import 'dart:math' as math;
-
-// class CameraSimulation extends StatefulWidget {
-//   @override
-//   _CameraSimulationState createState() => _CameraSimulationState();
-// }
-
-// class _CameraSimulationState extends State<CameraSimulation> {
-//   double _rotateX = 0;
-//   double _rotateY = 0;
-//   double _translateZ = 0;
-//   double _perspective = 0;
-
-//   @override
-//   Widget build(BuildContext context) {
-//     return Column(
-//       children: [
-//         Container(
-//           height: 300,
-//           child: Transform(
-//             transform: Matrix4.identity()
-//               ..setEntry(3, 2, 0.001) // perspective
-//               ..rotateX(_rotateX)
-//               ..rotateY(_rotateY)
-//               ..translate(0.0, 0.0, _translateZ),
-//             alignment: FractionalOffset.center,
-//             child: _build3DScene(),
-//           ),
-//         ),
-//         _buildControls(),
-//       ],
-//     );
-//   }
-
-//   Widget _build3DScene() {
-//     return Stack(
-//       children: [
-//         // Back plane (blue)
-//         Transform(
-//           transform: Matrix4.translationValues(0, 0, -100),
-//           child: Container(color: Colors.blue, width: 200, height: 200),
-//         ),
-//         // Left plane (red)
-//         Transform(
-//           transform: Matrix4.identity()
-//             ..translate(-100.0, 0.0, -50)
-//             ..rotateY(math.pi / 2),
-//           child: Container(color: Colors.red, width: 200, height: 200),
-//         ),
-//         // Right plane (green)
-//         Transform(
-//           transform: Matrix4.identity()
-//             ..translate(100.0, 0.0, -50)
-//             ..rotateY(-math.pi / 2),
-//           child: Container(color: Colors.green, width: 200, height: 200),
-//         ),
-//         // Front object (yellow cube)
-//         Transform(
-//           transform: Matrix4.translationValues(0, 0, 50),
-//           child: Container(color: Colors.yellow, width: 50, height: 50),
-//         ),
-//       ],
-//     );
-//   }
-
-//   Widget _buildControls() {
-//     return Column(
-//       children: [
-//         Slider(
-//           value: _rotateX,
-//           min: -math.pi / 4,
-//           max: math.pi / 4,
-//           onChanged: (value) => setState(() => _rotateX = value),
-//           label: 'Rotate X: ${_rotateX.toStringAsFixed(2)}',
-//         ),
-//         Slider(
-//           value: _rotateY,
-//           min: -math.pi / 4,
-//           max: math.pi / 4,
-//           onChanged: (value) => setState(() => _rotateY = value),
-//           label: 'Rotate Y: ${_rotateY.toStringAsFixed(2)}',
-//         ),
-//         Slider(
-//           value: _translateZ,
-//           min: -200,
-//           max: 200,
-//           onChanged: (value) => setState(() => _translateZ = value),
-//           label: 'Translate Z: ${_translateZ.toStringAsFixed(2)}',
-//         ),
-//       ],
-//     );
-//   }
-// }