ルネサンスと編集デザインを融合した10シーンのGSAPフィルムサイト

Build a ten-scene cinematic website that runs in the browser with plain HTML, CSS and JavaScript, GSAP for motion and a WebGL grain overlay. The theme is the invention of a world, blending Renaissance painting with editorial layout: warm cream paper pages, serif display titles with italic accents, thin grid lines, small captions and a fixed frame with scene counter. Use no baked video. Start with scenes drawn in code, then replace procedural art with public-domain engravings and paintings from museum archives. Include scene titles such as an archive, an eye, a sky tower and a hand, a dark blue sphere motif and falling blue ribbons. Add a play button that autoplays the whole film as a camera-like director, about eighty seconds long. Keep per-frame work light, moving heavy image filters off the frame loop. Done when pressing play walks through all ten scenes smoothly.