Frontmatter
| id | 8664 |
| title | Implement Home Canvas Interaction & Parallax |
| state | Closed |
| labels | enhancementai |
| assignees | tobiu |
| createdAt | Jan 15, 2026, 2:06 AM |
| updatedAt | Jan 15, 2026, 2:16 AM |
| githubUrl | https://github.com/neomjs/neo/issues/8664 |
| author | tobiu |
| commentsCount | 1 |
| parentIssue | 8661 |
| subIssues | [] |
| subIssuesCompleted | 0 |
| subIssuesTotal | 0 |
| blockedBy | [] |
| blocking | [] |
| closedAt | Jan 15, 2026, 2:16 AM |
Implement Home Canvas Interaction & Parallax

tobiu
commented on Jan 15, 2026, 2:06 AM
- Implement Parallax scrolling effect (mouse-driven view shift).
- Implement interactive "Data Bursts" on hover/click.
- Fine-tune visual parameters (colors, glow, particle count).
- Ensure responsiveness (resize handling).
tobiu added parent issue #8661 on Jan 15, 2026, 2:06 AM
tobiu assigned to @tobiu on Jan 15, 2026, 2:13 AM

tobiu
Jan 15, 2026, 2:15 AM
Input from Gemini 3 Pro:
✦ I have implemented the interactive and depth features for the Neural Galaxy.
Parallax System:
- Implemented a 3-layer parallax effect.
- Front layer nodes (Layer 2) shift significantly (Factor 0.05) with mouse movement.
- Mid and Back layers shift less, creating a "2.5D" depth illusion.
Interaction System:
- Repulsion Field: The mouse cursor now exerts a physical force on nodes within a 150px radius, pushing them away gently.
- Connection Highlighting: "Neural Links" (lines) glow brighter (
HIGHLIGHTcolor) when the mouse is near, simulating active data transfer.- Node Highlighting: Nodes turn white and expand slightly when hovered.
- Physics Polish: Added friction (0.98) and ambient drift to ensure nodes never stop moving but don't accelerate infinitely.
The result is a living, breathing background network that reacts to the user's presence.
tobiu closed this issue on Jan 15, 2026, 2:16 AM