Personnaliser : 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.

Pour de meilleurs résultats, utilisez-la avec Claude Fable 5.1.