Create a single self-contained HTML file using **Three.js** that renders a visually spectacular, vibrant, colorful, and highly detailed **3D animated whale breaching scene at sunrise**, with a dramatic leap, massive splash, flying water droplets, and a cinematic slow-motion fall. Requirements: - Use Three.js loaded from a CDN. - Everything must be contained in one HTML file and work directly when opened in a modern browser. - Fill the **entire browser viewport edge to edge** with the 3D scene. Do not leave margins, borders, blank space, or unused areas. - Create a bright, polished, **AAA-quality stylized 3D visual style** with vibrant colors, detailed materials, cinematic lighting, soft shadows, atmospheric depth, and excellent visibility. - Create a vast open ocean at sunrise with a glowing warm sun low on the horizon, golden and pink light on the water, a vivid gradient sky with layered colorful clouds, and distant misty islands or cliffs for depth. - Build the ocean with animated multi-layered waves, realistic reflections of the sky and sun, foam on wave crests, subsurface turquoise color in the wave faces, and a soft sparkle of sunlight across the surface. - Make the whale the clear central focus. Model a large, detailed humpback whale with textured skin, throat grooves, barnacles and scars, long pectoral fins, a powerful tail with flukes, a visible eye, and a wet glossy sheen. - Start with a brief calm pre-breach moment: gentle swells, soft mist drifting over the water, birds gliding in the distance, and subtle shimmering light. - Show the whale rising from below as a dark shape and a rising swell, with a rush of bubbles and a rising dome of water before it breaks the surface. - Make the whale launch out of the water with a powerful, smooth, physically believable arc, with the body twisting slightly as it rises. - Create a **massive splash** at the moment of launch, with thick sheets of water peeling off the whale's body, streaming from the fins and flukes, and a large crown of white spray around the exit point. - Add thousands of animated **water droplets** with realistic physics: gravity, varied sizes, trailing streaks, and sunlight glinting and refracting through them, including tiny mist particles that catch the light. - At the peak of the leap, shift into **cinematic slow motion** so the droplets hang in the air, water streams off the body, and rainbow-like light effects shimmer in the spray. - Animate the whale's fall back toward the ocean with slow-motion rotation, then a huge impact splash with a radiating ring wave, a rising column of white water, foam, bubbles, and expanding ripples that spread across the ocean. - After impact, show the water settling with lingering foam trails, drifting mist, falling droplets, and slowly calming waves as the whale glides away just beneath the surface. - Add subtle floating spray, sea mist, soft god rays through the clouds, and a gentle warm lens-like glow around the sun. - Add several seabirds reacting to the splash, plus occasional small fish or dolphins in the background if possible. - Use a smooth cinematic camera positioned low over the water that follows the whale's arc, with a slight orbiting move around the leap, a gentle push-in at the peak, and a slow pull-back after the splash. - Add subtle camera movement and a brief, gentle camera shake at the moment of impact without making the scene difficult to watch. - Keep the whale large and prominent throughout the sequence, with no excessive empty sky or unused space. - Use realistic-looking shadows and dynamic lighting, including the warm sunrise light on the wet skin, the glow through the spray, and reflections on the water. - Avoid a dark scene. The result should be **bright, vibrant, high-contrast, and visually clear**. - The animation should follow a clear sequence: **calm ocean at sunrise → soft mist and swells → whale rises from below → water dome bursts → whale launches upward → massive splash and droplets → slow-motion peak → slow-motion fall → huge impact splash and ring waves → water settles as the whale glides away**. - Use smooth animation for the whale, ocean, waves, splash, droplets, mist, foam, birds, clouds, lighting, reflections, and camera movement. - **Do not add overlay text, titles, labels, HUD, captions, menus, buttons, borders, or UI elements over the scene.** - The browser viewport should contain **only the animated 3D whale breaching scene**, filling the entire screen edge to edge. - Start the animation automatically when the page loads, and loop the sequence smoothly. - Add smooth camera controls only if they do not obstruct the scene or interfere with the cinematic composition. - Optimize for smooth performance in a modern browser. - No build process is allowed, and there must be no external dependencies other than the Three.js CDN.
