Media
3 items
Description
A Chrome extension that animates images with mesh deformation Make any image on the web jiggle! Jiggly Slime is a Chrome extension that animates images on web pages using physics-based mesh deformation. ■ Key Features [Image Selection] - Right-click any image → "Show Image" to instantly open the modal - Click "Select Image" in the popup, then click any image on the page - Supports img elements, canvas elements, CSS background-image, and images inside Shadow DOM [Mesh Deformation Animation] Set a vertex (center of deformation) and boundary coordinates (deformation region) on an image, then apply physics-based mesh deformation animation. Configurable parameters: - Bounce Amplitude — magnitude of deformation - Bounce Angle — direction of deformation - Elastic Coefficient — springiness strength - Softness — mesh flexibility - Mesh Resolution — level of mesh detail - Bulge Strength — expansion effect intensity - Tap Radius — area of influence for touch/click - Tap Press Depth — indentation depth for interactions [Multiple Groups] Create multiple deformation groups on a single image. Each group has independent parameters and can be played/stopped individually. Play all groups simultaneously with one click. [Two Interaction Modes] - Pull Mode: Drag to stretch the image, release to bounce back elastically - Press & Trace Mode: Tap to indent, trace to apply local deformation, release for spring-back [Deformation Scope] - All: Every group deforms simultaneously - Area: Only the group at the click position deforms (polygon hit-test) [Motion Sensor Support] On compatible devices (smartphones, tablets), tilt the device to deform images. Sensitivity is adjustable from 1 to 20. [Preview Display] - Vertex shown as ★ markers, boundaries as ● markers - Toggle wireframe (radial mesh) visibility - Rainbow color cycling animation [Auto-Play] Auto-play per group or for all groups. Playback interval (in seconds) is fully customizable. ■ Collections Save images and parameters as collections and recall them anytime. - Thumbnail collection list - Tag support (comma-separated multiple tags) - Editable title and URL - Tracks creation date, update date, and last viewed date Sorting: Sort by date added, date updated, last viewed, title, or URL. Toggle ascending/descending order. Tag Filtering: Filter by selecting tags from a dropdown. Multiple tags use AND logic. Filter badges show active selections with individual and clear-all removal options. Pagination: Collections with more than 50 items are paginated. ■ Parameter Sharing Export: - Copy as JSON text - Auto-generate a QR code (up to 2953 bytes) and download it Import: - Paste JSON text - Load a QR code image (using BarcodeDetector API) - Automatic coordinate scaling when image dimensions differ ■ Data Backup Export: Download all extension data as a compressed ZIP file. Filename includes a timestamp. Import: Select a ZIP file to restore all data. Exported data can be immediately imported for full restoration (round-trip compatible). ■ More - Fullscreen Mode: View images in fullscreen (hides form and header) - Keyboard Shortcuts: Escape to close, arrow keys to navigate between collections - Responsive Design: Canvas auto-resizes to fit screen dimensions - Bilingual: Japanese and English, auto-detected from browser language settings