Glimpse

Glimpse — A procedural, skeuomorphic paper desk, sticky notes, photo, and visual moodboard workspace.

Inspired by creative coding desktop experiments, Glimpse renders tactile sheets of paper, Polaroid prints, luggage tags, crumpled receipts, and stationery on realistic desk surfaces with procedural paper grain shaders, dynamic 360° directional lighting, and realistic momentum drag-and-throw physics.


Features

  • Procedural Paper Texture & Grain: Dynamic SVG fractal noise filters simulating authentic physical paper fibers.
  • Dynamic 360° Directional Lighting: Interactive Light angle control casting synchronized vector shadows across all sheets and props.
  • Tactile Sound Synthesis: Built-in Web Audio API synthesizer for paper rustle, soft drop thuds, throw whooshes, tape peel, and pin taps without external audio assets.
  • Physics Engine ("Flick to Throw"): Momentum drag-and-throw mechanics with velocity tracking, rotational inertia, air damping, and boundary collisions.
  • Layout Toggling: Instant transition between organic desktop disarray (Scatter) and clean moodboards (Grid).
  • Freehand Pen Doodling: Draw, underline, cross out tasks, or sketch arrows directly onto cards or the desk with smooth ink strokes.
  • Multiple Desk Textures: Oak wood, walnut, self-healing cutting mat, corkboard, blueprint drafting, dark slate, and Italian Carrara marble.
  • Card Variety:
    • Sticky notes with interactive to-do checkboxes
    • Polaroid instant photos with mounting corners
    • Kraft luggage tags with brass eyelets & twine
    • Ripped memo sheets with typewriter lettering
    • Minimalist business cards
    • Itemized store receipts with barcodes
    • Hand-drawn SVG graph and flowchart sketches
    • Washi tape strips, paperclips, and pushpins

Keyboard Shortcuts

  • S or Space — Shuffle cards across the desk
  • G — Toggle Grid vs. Scatter layout
  • P — Toggle freehand Pen mode
  • N — Add New custom card
  • M — Replay entry motion
  • Double-click — Edit or delete card

Self-Hosting with Docker & Traefik

Glimpse runs in a lightweight, multi-stage Alpine Nginx container:

docker compose up -d --build

Configured for Traefik reverse proxy via dynamic rules on t3_proxy network at https://glimpse.vloser.us.

S
Description
Glimpse - Procedural paper desk and visual moodboard workspace
Readme
451 KiB
0 Stars 1 Watchers 0 Forks
Languages
TypeScript 94.9%
JavaScript 3.8%
HTML 0.5%
CSS 0.5%
Dockerfile 0.3%