How pavankumar9d-rgb/era works
Dither Veil is a single-page React portrait experience. The user opens the page, then moves or clicks/taps the image to reveal its original color; a pattern control switches the dithering style. The main runtime stages are page mounting, image loading, interaction-driven reveal-mask updates, and WebGL rendering. The rendering and interaction logic live together in DitherVeil.jsx, so those nodes share its path. The referenced portrait.jpg is not present in the supplied tree; its loading is shown, but its provenance is uncertain.
Main entry points: DitherVeil.jsx Dither Veil · main.jsx React mount · App.jsx Portrait page
Components 10
Page runtime
- React mount
src/main.jsx - Portrait page
src/App.jsx
Image effect
- Dither Veil
src/components/DitherVeil.jsx - Pattern control
src/components/DitherVeil.jsx - Reveal interaction
src/components/DitherVeil.jsx - Dither rendering
src/components/DitherVeil.jsx
Other components
- Visitor
- Portrait image
- OGL
- WebGL canvas
Connections 10
- Visitor → React mount: opens page
- React mount → Portrait page: renders
- Portrait page → Dither Veil: configures
- Dither Veil → Portrait image: loads image
- Visitor → Reveal interaction: moves or taps
- Pattern control → Dither rendering: selects pattern
- Reveal interaction → Dither rendering: updates reveal
- Dither Veil → OGL: creates renderer
- OGL → WebGL canvas: renders canvas
- Dither rendering → WebGL canvas: draws effect