軍艦と航空機、波立つ海を描いたThree.jsの海戦シーン

Build a cinematic naval battle scene as one self-contained HTML file using Three.js. Show a calm, hazy sea with fine rippling waves under a pale overcast sky and distant low islands. Fill it with several detailed warships: battleships and destroyers with gun turrets, funnels, masts and superstructure, moving across the water and leaving wakes. Add fighter aircraft flying overhead and diving toward the ships, with tracer fire, smoke trails and splashes where shots land. Ships should visibly interact with the water through bow waves and rocking. Provide a small bottom bar to switch between camera views such as an overview, a ship-chase camera and an aircraft-following camera, and a subtle title in the top corner. Done means the battle plays continuously without input, the camera modes work, and the ships and water look convincing in close and distant shots.