Skip to content

@remotion/studio: Add UV effect handles#7875

Merged
JonnyBurger merged 4 commits into
mainfrom
jonnyburger/uv-handles
May 31, 2026
Merged

@remotion/studio: Add UV effect handles#7875
JonnyBurger merged 4 commits into
mainfrom
jonnyburger/uv-handles

Conversation

@JonnyBurger
Copy link
Copy Markdown
Member

Fixes #7786.

Summary

  • Show draggable canvas handles for selected effect UV coordinate props.
  • Position handles by interpolating the measured outline quad in semantic corner order.
  • Save dragged UV values through the existing effect prop update pipeline.

Testing

  • cd packages/studio && bun test src/test/timeline-selection.test.ts
  • bunx turbo run make --filter='@remotion/studio'
  • cd packages/studio && bun run lint --quiet
  • bun run build && bun run stylecheck

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 31, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
bugs Ready Ready Preview, Comment May 31, 2026 5:20pm
remotion Ready Ready Preview, Comment May 31, 2026 5:20pm

Request Review

Copy link
Copy Markdown
Contributor

@pullfrog pullfrog Bot left a comment

Choose a reason for hiding this comment

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

✅ No new issues found.

Reviewed changes — Added draggable canvas handles for effect uv-coordinate props in the Studio's selected outline overlay, with bilinear interpolation for position mapping and Newton-Raphson iteration for inverse UV solving.

  • SelectedOutlineOverlay.tsx — Added UvCoordinate types, getUvHandlePosition / getUvCoordinateForPoint math helpers, getSelectedEffectFieldsBySequenceKey selection tracking, getSelectedUvHandles handle generation, and SelectedUvHandleCircle drag interaction component. UV handles render alongside outline polygons for selected effects.
  • timeline-selection.test.ts — Added round-trip tests verifying forward UV→point and inverse point→UV coordinate mapping.

Pullfrog  | View workflow run | Using Kimi K2𝕏

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@JonnyBurger JonnyBurger merged commit a4f2d3a into main May 31, 2026
18 checks passed
@JonnyBurger JonnyBurger deleted the jonnyburger/uv-handles branch May 31, 2026 17:29
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.

Show UV handles on canvas for effects

1 participant