Skip to content

feat: add interactive Calcifer graph hero#2

Merged
ytvee merged 5 commits into
mainfrom
feat/calcifer-graph-hero
Jul 10, 2026
Merged

feat: add interactive Calcifer graph hero#2
ytvee merged 5 commits into
mainfrom
feat/calcifer-graph-hero

Conversation

@ytvee

@ytvee ytvee commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Summary

Implements the single requested landing-page hero section and no additional sections.

  • initializes a minimal Astro + TypeScript static site;
  • keeps the headline, description, actions and technology labels in server-rendered HTML;
  • renders a fire-demon silhouette entirely from connected nodes and edges;
  • adds Obsidian-like drag behavior with connected-node spring propagation;
  • reveals a dim code wall with a pointer-speed-driven torch effect while dragging;
  • lazy-loads Three.js after idle time or the first interaction;
  • includes responsive quality tiers, reduced-motion behavior and a deterministic SVG fallback;
  • adds focused graph/physics tests, CI and animation architecture documentation.

Rendering and performance

  • one THREE.Points draw call for nodes;
  • one THREE.LineSegments draw call for edges;
  • custom point shader for glow instead of a post-processing pipeline;
  • custom target-anchor and neighbour-spring physics so the face and flame silhouette recover after dragging;
  • capped device pixel ratio and adaptive node count;
  • animation pauses while the document is hidden and GPU resources are disposed on disconnect.

Verification

  • npm test — 6 tests passed;
  • npm run build — Astro check passed with 0 errors, 0 warnings and the static production build completed.

Closes #1

@ytvee ytvee left a comment

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ytvee
ytvee merged commit a3268fa into main Jul 10, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Implement interactive Calcifer graph hero

1 participant