Monster Laundromat

You are a senior browser-game engineer and 3D game designer. Inspect the repository and implement Monster Laundromat as a complete playable browser game using Three.js directly for the laundromat, machines, clothing, customers, and effects. Preserve unrelated project work. If starting fresh, use Vite and TypeScript.

Game

Create a humorous, cozy time-management game in a monster-run laundromat. Customers bring strange garments with specific needs: a dragon’s smoke-stained cape, a slime’s favorite sweater, a werewolf’s shredded coat, or a ghost’s invisible socks. The player sorts clothing, chooses wash settings, waits for cycles, and folds or returns the finished items. Make each order a small tactile puzzle.

Use a clear counter-and-machine view. The player can click or drag garments to bins, washers, dryers, and the folding counter. Provide optional keyboard shortcuts and a short tutorial. Every item must show useful visual and text clues. Use a small set of understandable rules: fabric, dirt, color, temperature, and special customer traits. Washing whites with darks or using the wrong temperature may reduce quality, but should not instantly fail the shift.

Gameplay and campaign

Implement a sequence of short shifts with increasing order volume and one new mechanic introduced at a time. At least six customer types, eight garment types, and three machine types. Machines have visible timers and can process multiple orders only when configured to allow it. Let the player queue tasks and collect finished laundry while another machine runs. Add optional service goals such as perfect sorting or fast folding. Give clear bonuses for accurate combinations and a helpful recovery path for mistakes.

Between shifts, let the player buy cosmetic décor or bounded convenience improvements using earned tips. Keep upgrades optional; no pay-to-win or time-gated mechanics. Track customer satisfaction, tips, quality, and shift progression. Include a short story about the laundromat and its regulars, with a clear ending and a replayable endless shift mode if scope permits. Save best score and settings locally.

Presentation

Make a warm, colorful 3D diorama with chunky stylized machines, spinning washer doors, soap bubbles, steam, fluorescent signage, folding tables, and monster customer animations. Give each garment a distinctive silhouette and readable dirt/color cues. Use satisfying animations and sounds for loading, washing, drying, folding, and delivery. Keep sound controls and visual effects respectful and adjustable.

Interface and technical requirements

Implement title, controls/tutorial, active shift, order queue, machine status, pause, upgrade/decor choice, results, ending, and restart. All drag targets, settings, machines, and buttons must work. Use crisp HTML/CSS text over the Three.js canvas. Handle resize, focus loss, pause, WebGL failure, and object cleanup. Avoid unavailable external assets. Test sorting, washing, machine timing, folding, scoring, and restart. Run build/checks, update README, and report how to run the game and any known limitations.