Customize: Cartoon cruise ship cutaway reveal

Build an animated, interactive 2D cartoon cruise ship cutaway called "ALL ABOARD" — tagline "Everything happening inside, all at once. Polished 2D cartoon illustration, like a premium animated explainer: clean vector shapes, rounded friendly forms, consistent outline weight, soft cel shading, subtle gradients and gentle drop shadows. - Cheerful palette: navy and white hull with a red waterline stripe, warm wood decks, turquoise pool water, pastel interiors, deep blue sea, soft sky gradient. - Original fictional cruise line name and logo on the funnel (e.g. "Marisol Line"). No real brands. OPENING ANIMATION (exactly this timing, everything finished by 8 seconds) - 0.0–2.5 s: The ship is already in frame slightly left of centre on the first frame, gliding right into the centre of the screen and settling there. It keeps "sailing": the sea, distant islands, clouds and seagulls scroll left in parallax layers, the bow pushes a foam wave, a white wake trails behind, the funnel puffs small smoke clouds, flags flutter, the hull bobs gently on the waves. - 2.5–3.0 s: A bright glowing cut line appears at the bow and sweeps smoothly along the whole length of the ship to the stern. - 3.0–6.5 s: The ship is cut open as a side cross-section. The outer hull side wall splits along the cut line and slides away (or dissolves outward in clean pieces with a soft whoosh), revealing every deck inside, from the bridge down to the engine room below the waterline. The sea in front of the hull becomes a cutaway too, showing the hull bottom, propellers and underwater bubbles. - 6.5–8.0 s: A gentle camera settle (slight zoom-out and ease), and the interior comes to life. By 8 s the reveal is complete and the ship is fully readable. THE INTERIOR (after the reveal, a living loop) Decks from top to bottom, each a clear horizontal band with rooms, all animated with tiny cartoon passengers and crew: - Bridge: captain at the wheel, officer with binoculars, glowing screens. - Top deck: pool with swimmers and a twisting water slide, sun loungers, an ice-cream stand, a basketball cage, a radar mast spinning. - Theatre: a small show on stage with spotlights sweeping and an audience clapping. - Restaurant: waiters carrying trays, guests eating, a chef flipping pans in the galley next door with steam and flames. - Cabins: a row of cabins with someone sleeping, someone unpacking a suitcase, kids jumping on a bed, a person looking out of a porthole. - Gym and spa: treadmill runner, a sauna with steam. - Kids club and arcade with blinking machines. - Laundry: washing machines spinning. - Cargo and stores: crates, a forklift moving. - Engine room below the waterline: large engines with pistons pumping, the propeller shaft turning, engineers checking gauges. - Outside: propellers spinning with bubble trails, rudder. Lifeboats on the sides, an anchor at the bow, seagulls landing on the railing. CONSISTENCY (the key test) - The interior must match the exterior seen before the cut: every row of windows and portholes from the opening shot must line up with a real deck and room inside. - The waterline stays in the same place. - The bridge, funnel and pool sit exactly where they were on the outside. INTERACTION (after the reveal) - Hover or tap a room: it highlights and shows a small label card with a fun one-line description. - Drag to pan and scroll or pinch to zoom into any deck, with smooth easing. Double-click resets the view. - Buttons: - Replay intro (plays the 8-second opening again); - Close hull / Open hull; - Day / Sunset / Night (at night portholes glow, deck lights and a starry sky appear, the pool is lit from below); - Calm / Stormy sea (bigger waves, rocking ship, rain); - pause. - The H key hides all UI. UI (English, minimal) - A small title and tagline in a corner, fading in only after the reveal finishes, so the first 8 seconds are clean. - A small control bar at the bottom. TECHNICAL - Canvas or SVG with any animation libraries you like (e.g. loaded from a CDN). Use any libraries, shaders or procedural drawing you need. - Everything works by opening index.html directly in the browser: no build step, no local server. - Starts automatically on load, no Start button. - Composed for 1920×1080 with the ship filling about 80% of the width, centred. Responsive down to phone width (the ship scales to fit). Smooth 60 fps. - Original content only. When finished, open the page, check the opening timing (reveal complete by 8 s), the visuals, animations and the browser console for errors, and fix any issues. Reply briefly with what was done and where the files are.

For best results, run it with Claude Fable 5.1.