[ui] Refine ending logo animation timing and convergence flow

[Oluwatunmise-olat]

Notes for Reviewers

• This PR fixes Improve the timing and flow of the ending logo animation #141

Context

Issue #141 asks for refinement of the final logo animation sequence in the browser section, specifically the moment where the floating Kanvas logo pieces converge into the assembled logo.

Based on issue discussion, the rough edges were most visible when scrolling quickly.

Root Cause Areas Addressed

This PR focuses on three concrete problem areas in the current animation pipeline:

1. Overly large/random initial transform range on pieces.
2. Abrupt handoff from scroll-scrubbed movement to time-based convergence animation.
3. Unnecessary initialization of heavy scroll animation logic on pages without the browser scene.

---

Behavior Impact

After this change, the final browser-section logo assembly should:

• Start from more stable piece orientations.
• Transition more reliably from scroll-scrubbed movement into convergence.
• Feel smoother and less abrupt, including during fast scroll scenarios.
• Avoid initializing this animation system on pages where it is irrelevant.

---

Validation Performed

• node --check static/scripts/main.js
• make build

Both completed successfully.

---

Files Updated

• static/scripts/main.js

Signed commits

• Yes, I signed my commits.

[github-actions]

PR Preview Action v1.6.3
Preview removed because the pull request was closed.
2026-03-16 12:37 UTC

[Bhumikagarggg]

On first go it is perfect. But when I go up and come down there is still a problem.

[Oluwatunmise-olat]

On first go it is perfect. But when I go up and come down there is still a problem.

Okay would check it out in a bit

[Oluwatunmise-olat]

Please help with a review @yi-nuo426