Jasper Ding — landing

Interactive deep-pond landing backdrop. Flowers float on a dark twilight pond — GLSL water with depth, caustics and light rays, rippled reflections, contact shadows and drifting motes — parting smoothly around the cursor. Built with PixiJS v8 + Vite.

Develop

npm install
npm run dev

Add your flowers

Drop transparent-background flower PNGs into public/flowers/. The manifest is regenerated automatically on npm run dev / npm run build. With no PNGs, the page renders procedural placeholder flowers.

Build & deploy

npm run build     # outputs dist/ (base path /landing/)

Deploy dist/ to GitHub Pages (repo jasperdingg/landing). If the repo/site path changes, update base in vite.config.js.

Tuning

All visual/motion parameters live in src/config.js.