SK

PROMPT Build a single-file HTML page with three.js (ES module from jsdelivr, [email protected]) that renders a photoreal, fully procedural human eye in the browser. No textures, no 3D models, no audio files - everything generated in shaders and code. SCENE - Eyeball: unit sphere with a custom ShaderMaterial. - Sclera: warm off-white, pinker toward the edges, thin red veins from ridged fbm noise, pink caruncle in the inner corner. - Cornea: refract the view ray (IOR 1.376) onto a recessed iris plane so the iris shows parallax and depth. - Iris in polar coords: radial fibres (multi-octave noise), crypts (dark lens-shaped holes), a wavy collarette ring, a dark limbal ring, a pupillary ruff and pigment freckles. Use the iris height field for bump lighting, and add a caustic on the side opposite the light. - Wet surface: a rectangular softbox reflection on the cornea, a tiny sharp glint and Fresnel environment reflection. - Skin patch: an irregular blob-shaped sheet with a rounded thick rim, built from rings that run from an almond-shaped lid opening out to the edge, and rebuilt every frame on the CPU. - The lids hug the eyeball (smooth-max against the sphere), with an upper lid crease and a wet pink lid margin. - Skin shader: per-channel wrap lighting for subsurface scattering (red wraps furthest), pores from voronoi, fine crinkles parallel to the lids, crow's feet at the outer corner, freckles, mottling, an oily specular and a peach-fuzz rim. - Lid shadows on the eyeball computed analytically from the same almond function, plus striped lash shadows and a tear meniscus highlight along both lid margins. - About 500 eyelashes as camera-facing tapered ribbons: curled, clumped into groups, 2–3 rows, longer in the middle. Upper lashes rotate downward when the eye closes. - Background: warm brown gradient with soft diagonal light streaks and a contact shadow under the patch. BEHAVIOR - The eye follows the mouse cursor. When the cursor is idle, it makes random saccades with micro-tremor. - The upper lid follows vertical gaze. Natural random blinks every 2–6s (fast close, slower open). - Pupil hippus (slow breathing of size); it constricts after a camera flash and slowly recovers. - Clicking the eye grows a new random iris that crossfades from the old one. There are 8 base palettes (amber, hazel, green, blue, grey, teal, brown, ice) with jitter, and an occasional golden central heterochromia. POST - EffectComposer with 4x MSAA, BokehPass focused on the cornea, a subtle UnrealBloom on highlights, and a final pass with chromatic aberration, vignette, film grain and a light sharpen. Tone-map with ACES. UI (HTML overlay, monospace, uppercase, warm cream text with a yellow accent) - Top-left "eye exam" panel: iris swatches + "new" button, pupil slider with auto toggle, 6 skin tones, lash length, framing (macro / portrait / wide / space - in space the patch floats and rotates), focus (shallow / sharp), blink and squint buttons, volume. - Corner crosshair marks, slowly rotating thin dashed HUD rings, side readouts for gaze in degrees and pupil in mm, top-right resolution / fps / iris name. - Snapshot button: white flash, the pupil constricts, and a thumbnail of the frame appears. - Drag to orbit, scroll to zoom. SOUND (Web Audio API only, starts on the first click) - Ambient: a soft low drone (D3, A3, D4) plus a generative pad of sine notes picked from the D major pentatonic every 2–5s, with long attacks, convolution reverb (generated impulse response) and a feedback delay. - UI tick on every action: a 15ms high-passed noise click plus a short pitched sine blip from the scale. Quieter ticks on hover. - Blink: a soft low pitch-drop thump. New iris: a 4-note rising arpeggio plus a filtered noise sweep with tremolo. Framing change: a tremolo noise swell. Snapshot: a two-stage shutter click. - Footer sound on/off toggle with a small live level meter. Keep it 60fps on a normal laptop, make it work at phone width, and put everything in one