"Crawl through visuals. One segment at a time."

Tech Summary:

The Caterpillar Image Rotator is a segmented image presentation system inspired by the organic, rhythmic motion of a caterpillar. It presents multiple rows of images, often in a 9:6 viewport, where:

• Images move row-by-row or in opposing wave motion
• Rotation is continuous, timed, or interaction-triggered
• Responsive to screen resizes with dynamic reload
• Built using vanilla JS, CSS animations, and PHP (if server-side customization is needed)

Features:

• Custom image count per row
• Auto or manual rotation
• Support for image caching and lazy loading
• Can be skinned to match different aesthetics

Optional UI Themes (Later)

Theme Name Description

• Caterpillar Classic Smooth, calm slide in both rows - a steady crawl
• Inchworm Pop Bounce animation per image segment like an inchworm hop
• ZigZag Drift One row scrolls left while the other scrolls right
• GlowLarva Neon-glow effect on hover with slow-motion crawl
• CamoMorph Caterpillar-style transformation morphs images in place