Jiggly Slime

About

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