Laocoön

Overview

Laocoön is a full-scroll WebGL sculpture hero by SonoJS (demo brand: Laocoön). Zero-build static HTML with inline CSS, Three.js r160 (import map + GLTFLoader), and vanilla JS. Fixed #webgl canvas with bronze_horse.glb, spark particles, shader backdrop, and scroll-scrubbed camera through Bronze and Time, Marble Emotion, Liquid Metal, and Eternal Moment chapters. Glass header (Bronze · Marble · Fluid · Digital), custom dual-ring cursor, Italiana / Outfit / Playfair Display. Demo editorial chrome only - no CMS backend. Run with npx serve . or host statically on Cloudflare Workers.

Highlights

1. 01

   Scroll-scrubbed WebGL

   Camera orbits the GLB through four editorial chapters as you scroll.

2. 02

   Bronze sculpture stage

   GLTFLoader + AnimationMixer, sparks, fog, and ACES tone mapping.

3. 03

   Cinematic chrome

   Custom cursor, chapter nav, and Italiana / Playfair display type.

4. 04

   Zero-build static

   Single index.html + assets - run with npx serve .

You get

• index.html (The Statue of Laocoön)
• Three.js r160 via import map + GLTFLoader
• assets/bronze_horse.glb + 1.png
• Inline CSS (Italiana, Outfit, Playfair Display)

Run locally

From the unzipped project folder:

npx serve .