Revised Project Details, Updated GMU Logo, Media Player & Browser Fixes

CHANGELOG.md

@@ -1,3 +1,8 @@
+## 2.2.1
+
+- FIX: Fixed issue with swiping between media items in the media player not updating the player banner details.
+- FIX: Fixed issue with the media browser not registering tap events for web images.
+
 ## 2.2.0
 
 - NEW: Added an animation to the home page subtitle to switch between the subtitle and motto.

assets/json/projects.json

@@ -4,92 +4,82 @@
     "subtitle": "For on-the-go Sim Racing",
     "startDate": "2024-04-14T00:00:00Z",
     "finalDate": "2024-04-16T00:00:00Z",
-    "description": "Designed for mobile sim racing, the AMG GT3/GT4 Mobile Sim Wheel kit is a completely 3D-printable steering wheel. It is a remix of one of my earlier and highly popular projects, the AMG GT3 Wheel Kit for Thrustmaster, now optimized for mobile use. The AMG inspired wheel has been shrunk down to 230mm x 130mm, with built in grip handles and slots for attaching a phone mount. The wheel supports mobile games using tilt to steer and tap to accelerate or break.\n\nThe kit itself contains all STL files for the wheel, phone mount, and an assembly manual. Total print time can be completed in under 15 hours (varies based on print settings and materials), while assembly time takes approximately 30 minutes.",
+    "description": "Designed for mobile sim racing, the AMG GT3/GT4 Mobile Sim Wheel kit is a completely 3D-printable steering wheel. It is a remix of one of my earlier and highly popular projects, the AMG GT3 Wheel Kit for Thrustmaster, now optimized for mobile use. The AMG inspired wheel has been shrunk down to 230mm x 130mm, with built in grip handles and slots for attaching a phone mount. The wheel supports mobile games using tilt to steer and tap to accelerate or break.\n\nThe kit itself contains all STL files for the wheel, phone mount, and an assembly manual. Total print time can be completed in under 15 hours (varies based on print settings and materials), while assembly time takes approximately 30 minutes.\n\nVersion 2 of the wheel was designed to more closely resemble the original AMG GT3 wheel. The handles were updated to match the original design and 'fidget' buttons were added for a more realistic look and feel. Several spring mechanisms were tested with different materials to allow for fully 3D-printable parts that can be assembled without the need for additional hardware. The phone clamp was also updated to included thumb cutouts for easier access to the screen during gameplay.",
     "media": [
-      {
-        "type": "youTubeVideo",
-        "caption": "Demo Video - Real Racing 3",
-        "path": "4QhZNsjgN2k"
-      },
       {
         "type": "localImage",
-        "caption": "CAD Rendering Vs. Final Assembly",
+        "caption": "V2 Wheel CAD Renderings",
         "path": "thumbnail.webp"
       },
-      {
-        "type": "networkImage",
-        "caption": "CAD Rendering Left-Front View",
-        "path": "https://cdn.thingiverse.com/assets/07/e6/89/5b/bc/large_display_014c469a-e014-4ad5-bdf3-da2e75f129b8.jpeg"
-      },
-      {
-        "type": "networkImage",
-        "caption": "Final Assembly Left-Front View",
-        "path": "https://cdn.thingiverse.com/assets/61/fb/45/5a/3b/large_display_7993f07e-1718-4088-8bc4-bbcd39a565f7.jpeg"
-      },
       {
         "type": "localImage",
-        "caption": "Initial Prototype using paracord and screws",
+        "caption": "Initial Prototype using paracord and screws for assembly.",
         "path": "image_1.webp"
       },
       {
         "type": "localImage",
-        "caption": "Testing snap to fit mechanism to omit screws",
+        "caption": "1: Original AMG GT3 Wheel Kit,\n2: Shrunken Wheel Plate Prototype,\n3: Final Product with built-in handles",
         "path": "image_2.webp"
       },
       {
-        "type": "localImage",
-        "caption": "1 - Original AMG GT3 Wheel Kit, 2 - Shrunken Wheel Plate Prototype, 3 - Final Product with built-in handles",
-        "path": "image_3.webp"
+        "type": "networkImage",
+        "caption": "V1 CAD Rendering Left-Front View",
+        "path": "https://cdn.thingiverse.com/assets/07/e6/89/5b/bc/large_display_014c469a-e014-4ad5-bdf3-da2e75f129b8.jpeg"
       },
       {
         "type": "networkImage",
-        "caption": "CAD Rendering Front View",
-        "path": "https://cdn.thingiverse.com/assets/34/95/7e/7b/35/large_display_2c868e7a-b123-4716-85de-2c148cce8f5e.jpeg"
+        "caption": "V1 Final Assembly Left-Front View",
+        "path": "https://cdn.thingiverse.com/assets/61/fb/45/5a/3b/large_display_7993f07e-1718-4088-8bc4-bbcd39a565f7.jpeg"
       },
       {
         "type": "networkImage",
-        "caption": "CAD Rendering Right-Rear View",
-        "path": "https://cdn.thingiverse.com/assets/ef/8b/3b/e1/06/large_display_404996c2-4441-427a-80cf-25f301732ab8.jpeg"
+        "caption": "V1 Final Assembly Front-Right View",
+        "path": "https://cdn.thingiverse.com/assets/22/cd/c0/bb/80/large_display_8e7ff666-9c87-4011-a4a6-cc84536fed04.jpeg"
       },
       {
         "type": "networkImage",
-        "caption": "Final Assembly Rear View",
+        "caption": "V1 Final Assembly Rear View",
         "path": "https://cdn.thingiverse.com/assets/53/53/b4/eb/5b/large_display_e883ea50-e25d-45ff-9f6d-cf7d13653c5c.jpeg"
       },
       {
         "type": "networkImage",
-        "caption": "CAD Rendering Front View",
-        "path": "https://cdn.thingiverse.com/assets/34/95/7e/7b/35/large_display_2c868e7a-b123-4716-85de-2c148cce8f5e.jpeg"
+        "caption": "V1 Assembly Diagram",
+        "path": "https://cdn.thingiverse.com/assets/d2/97/e6/70/c7/large_display_4f5e265d-58c6-429c-8c98-63f70b6025c8.png"
       },
       {
-        "type": "networkImage",
-        "caption": "Final Assembly Front-Right View",
-        "path": "https://cdn.thingiverse.com/assets/22/cd/c0/bb/80/large_display_8e7ff666-9c87-4011-a4a6-cc84536fed04.jpeg"
+        "type": "localImage",
+        "caption": "1: V1 Original Design,\n2: V1.1 (Updated handles and Phone Clamp),\n3: V2 Rendering (Added 'Fidget' Buttons)",
+        "path": "image_3.webp"
       },
       {
-        "type": "networkImage",
-        "caption": "Assembly Diagram",
-        "path": "https://cdn.thingiverse.com/assets/d2/97/e6/70/c7/large_display_4f5e265d-58c6-429c-8c98-63f70b6025c8.png"
+        "type": "localImage",
+        "caption": "V1 and V2 Wheel Comparison",
+        "path": "image_4.webp"
       },
       {
-        "type": "networkImage",
-        "caption": "Wheel Plate STL Model",
-        "path": "https://cdn.thingiverse.com/assets/29/49/7e/72/6d/large_display_91a92450-e35f-49d5-8a79-297a036ba698.png"
+        "type": "localImage",
+        "caption": "V2 Wheel Exploded View - Front",
+        "path": "image_5.webp"
       },
       {
-        "type": "networkImage",
-        "caption": "Left Handle STL Model",
-        "path": "https://cdn.thingiverse.com/assets/7c/2e/fe/64/5c/large_display_b06e0ef4-1f87-4a1d-ad92-69fcde719a1f.png"
+        "type": "localImage",
+        "caption": "V2 Wheel Exploded View - Rear",
+        "path": "image_6.webp"
       },
       {
-        "type": "networkImage",
-        "caption": "Right Handle STL Model",
-        "path": "https://cdn.thingiverse.com/assets/12/41/23/ae/45/large_display_667834bc-139b-4fba-94ee-99a067eb16f3.png"
+        "type": "localImage",
+        "caption": "Button Section Analysis - PLA based spring mechanism",
+        "path": "image_7.webp"
       },
       {
-        "type": "networkImage",
-        "caption": "Mount Adapter STL Model",
-        "path": "https://cdn.thingiverse.com/assets/d0/f0/13/1e/3f/large_display_f03b2d05-e140-4501-b182-08c6ca9847a0.png"
+        "type": "localImage",
+        "caption": "Button Section Analysis - TPU based spring mechanism",
+        "path": "image_8.webp"
+      },
+      {
+        "type": "youTubeVideo",
+        "caption": "Demo Video - Real Racing 3",
+        "path": "4QhZNsjgN2k"
       }
     ],
     "externalLinks": [

lib/widgets/media_browser.dart

@@ -80,6 +80,14 @@ class MediaBrowser extends StatelessWidget {
     return FittedBox(
       fit: BoxFit.cover,
       child: ImageNetwork(
+        onTap: () {
+          if (onTapped == null) {
+            return;
+          }
+          onTapped!(mediaItems.indexWhere(
+            (MediaItem mediaItem) => mediaItem.path == path,
+          ));
+        },
         image: path,
         height: 250,
         width: 250,

lib/widgets/media_player.dart

@@ -75,6 +75,7 @@ class MediaPlayerState extends State<MediaPlayer> {
       child: AspectRatio(
         aspectRatio: 16 / 9,
         child: PhotoViewGallery.builder(
+          scrollPhysics: const NeverScrollableScrollPhysics(),
           builder: (BuildContext context, int index) {
             return PhotoViewGalleryPageOptions.customChild(
               disableGestures: true,

pubspec.yaml

@@ -1,7 +1,7 @@
 name: plg_portfolio
 description: Pablo L. Guerra's web-app portfolio powered by Flutter.
 publish_to: "none"
-version: 2.2.0+38
+version: 2.2.1+39
 
 environment:
   sdk: ">=3.1.1 <4.0.0"