Spin Cycle | HTML5 Sock Matching Game

Turn a colorful laundry pile into neatly rolled pairs. Spin Cycle brings a warm vintage laundromat to life with textured knitted socks, a teal sorting counter and a red collection cubby. Drag socks to organize the pile, then tap exact twins before the timer runs out.

Built with HTML5, CSS and JavaScript, Spin Cycle includes readable source, external artwork and sound, configurable game settings and an illustrated offline HTML guide. The standalone game uses no runtime framework, CDN or database and adapts to mobile portrait, mobile landscape and desktop layouts.

How to Play

• Start a cycle and inspect the socks on the counter.
• Drag overlapping socks into new positions to sort the pile.
• Tap two socks with the same print, shade, size and style.
• Earn 3 seconds for each correct pair; incorrect pairs cost 5 seconds.
• Roll every matching pair into the red cubby and leave the odd socks behind.
• Continue through progressively larger loads and beat your best total pairs across a full cycle.

Technical Requirements

• A current browser supporting Canvas 2D, WebP, Pointer Events, browser audio, localStorage and modern responsive CSS.
• Static HTTP or HTTPS hosting. No server-side code, database or build tools are required to run the supplied game.
• Touch, mouse or keyboard input.
• Best scores and sound preferences are saved on the current browser and device. No online leaderboard or account service is included.

Items Included

• Playable HTML5 game with readable HTML, CSS and JavaScript source.
• External cabinet, portrait layout, loose-sock and rolled-pair artwork.
• Seven external sound effects.
• Configuration file for branding, asset paths, save namespace and difficulty settings.
• Offline HTML documentation with 1280 × 720 screenshots, hosting instructions and reskinning guidance.

Item Features

• 38 base sock designs with distinct crew and women’s collections.
• Three dye shades and two sizes for subtle matching challenges.
• Tap-to-match gameplay and persistent drag-to-sort positions.
• Animated sock selection, pair rolling and stacked completed pairs.
• Floating time bonuses and penalties beside the selected socks.
• Gentle early progression beginning with 6, 8, 10 and 12 pairs.
• Fresh design rotation between loads and unmatched single socks.
• Cumulative cycle score and a locally saved personal best.
• Sound toggle, pause/resume and automatic pause when leaving the tab.
• Keyboard sorting and matching, accessible controls and reduced-motion support.
• Responsive portrait and landscape layouts with dedicated mobile background artwork.
• Local assets, editable source and no external runtime dependencies.

Support

Use the item’s support channel for questions about the included files and documented features. Include your browser, device and reproduction steps when reporting a problem.

Need More Features?

Custom branding, new sock collections, online scores, additional languages and native app exports can be developed separately. They are not included in this package.