Skip to content

Animate focus and hover rings with point size #263

Description

@kolmakova
Screen.Recording.2026-09-13.at.12.01.30.mov

Problem

When point sizes animate, focus and hover rings jump to the final size while the point is still animating. Outline rings follow correctly.

Cause

Outline rings are part of the point sprite in draw-points.vert, which mixes source and target sizes by transitionProgress. Focus and hover rings use draw-highlighted.vert with a single size uniform set from data.getResolvedPointSize(index), which is always the target size.

Fix

In both ring draw calls in modules/Points/index.ts, when shouldAnimatePointSizes is set, pass mix(previousSize, targetSize, transitionProgress) instead of the target size. previousSizeData already holds the source sizes.

Check that the previous size resolves NaN defaults the same way the point shader does, and whether pointImageSizes needs the same treatment.

Testing

Focus one point, hover another, outline a third, then animate a size change. All three rings should track their point through the transition.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions