11---
22id : 8854
33title : Implement Footer OffscreenCanvas Overlay
4- state : OPEN
4+ state : CLOSED
55labels :
66 - enhancement
77 - design
88 - ai
99assignees :
1010 - tobiu
1111createdAt : ' 2026-01-21T16:52:11Z'
12- updatedAt : ' 2026-01-21T17:01:04Z '
12+ updatedAt : ' 2026-01-21T19:25:50Z '
1313githubUrl : ' https://github.com/neomjs/neo/issues/8854'
1414author : tobiu
15- commentsCount : 0
15+ commentsCount : 1
1616parentIssue : 8727
1717subIssues : []
1818subIssuesCompleted : 0
1919subIssuesTotal : 0
2020blockedBy : []
2121blocking : []
22+ closedAt : ' 2026-01-21T19:25:50Z'
2223---
2324# Implement Footer OffscreenCanvas Overlay
2425
25- - Leverage the transparent footer structure created in #8853 .
26- - Implement an ` OffscreenCanvas ` component behind the footer content (z-index 0).
27- - Design a subtle, high-performance visualization (e.g., particle network, mesh, or "engine room" vibe) that runs in the Canvas Worker.
28- - Ensure it matches the theme colors (Brand Blue / Dark Mode).
29- - ** Goal:** Demonstrate multi-canvas performance and "Show, Don't Just Tell" the engine capabilities.
26+ # Implement Footer OffscreenCanvas Overlay: "The Event Horizon"
27+
28+ - ** Concept:** "The Event Horizon" (Gravity Well). A visualization of the ** Agent OS** core as a central singularity.
29+ - ** Goal:** "Stunning Reward". A high-impact, centralized visual that rewards centering the view on the footer.
30+ - ** Visuals:**
31+ - ** Radial Field:** Particles spiral into a center point.
32+ - ** Gravity Interaction:** Footer links act as "Local Gravity Wells" on hover, pulling particles out of the main stream.
33+ - ** Atmosphere:** Grandiose, Heavy, "The Source".
34+ - ** Theme Awareness:** Must adapt to Light/Dark mode variables.
35+
36+ ## Implementation Plan
37+
38+ 1 . ** SharedWorker Helper:**
39+ - Updated (` importFooterCanvas ` ).
40+
41+ 2 . ** App Worker Component:**
42+ - ` apps/portal/view/home/FooterCanvas.mjs ` .
43+ - ** Enhancement:** Add ` updateNavRects ` to track footer button positions.
44+
45+ 3 . ** Renderer (SharedWorker):**
46+ - ` apps/portal/canvas/FooterCanvas.mjs ` .
47+ - ** Physics:**
48+ - Global Attractor (Center).
49+ - Local Attractors (Hovered Buttons).
50+ - Spaghettification effect.
51+
52+ 4 . ** View Integration:**
53+ - ` apps/portal/view/home/FooterContainer.mjs ` .
54+ - ` resources/scss/src/apps/portal/home/FooterContainer.scss ` .
3055
3156## Timeline
3257
@@ -35,4 +60,15 @@ blocking: []
3560- 2026-01-21T16:52:13Z @tobiu added the ` ai ` label
3661- 2026-01-21T17:01:04Z @tobiu assigned to @tobiu
3762- 2026-01-21T17:01:08Z @tobiu added parent issue #8727
63+ - 2026-01-21T19:24:55Z @tobiu referenced in commit ` 6e448be ` - "feat: Implement Neural Mesh Footer Overlay (#8854 )"
64+ - 2026-01-21T19:24:55Z @tobiu referenced in commit ` bc884cf ` - "feat: Enhance Footer Canvas with Event Horizon and Gravity Interaction (#8854 )"
65+ ### @tobiu - 2026-01-21T19:25:17Z
66+
67+ Implemented the 'Event Horizon' concept with Gravity Interaction.
68+ - ** Physics:** Radial spiral with acceleration.
69+ - ** Interaction:** Hovered buttons act as gravity wells, pulling particles in.
70+ - ** Polish:** Added transient gravity boost for snappy switching and refined visuals for legibility.
71+
72+ - 2026-01-21T19:25:50Z @tobiu closed this issue
73+ - 2026-01-21T19:46:15Z @tobiu referenced in commit ` 43a2bbc ` - "fix: Refine Footer Canvas physics (Partial Capture, Engine Rev) (#8854 )"
3874
0 commit comments