Skip to content

[2/10] fix: preview transitions with the render's durations, curves and directions - #250

Merged
dazzatronus merged 1 commit into
mainfrom
derk/sdk-motion-transition-timing
Oct 26, 2026
Merged

dazzatronus merged 1 commit into
mainfrom
derk/sdk-motion-transition-timing

Conversation

@dazzatronus

@dazzatronus dazzatronus commented Oct 26, 2026 •

Copy link
Copy Markdown
Contributor

The preview drifted from the render on several transitions. Slow slide* and carousel* ran for 2 s where the render takes 1 s. Curves didn't use the render's default handles, cubic-bezier(0.5, 0, 0.5, 1). zoom had no blur. Every vertical slide and carousel played upside down, so slideDown previewed as slideUp. The preview now uses the render's values.

To carry that curve, the builders' keyframe type also accepts smooth.

Verify: npm test (2329, +18). Checked frame by frame against renders of fade, slide, carousel and zoom.

# PR Adds Why separate
1/10 #249 Internal type for the render's default curve Mechanical, no behaviour change
2/10 #250 Transitions match the render Transition presets
3/10 #251 shuffle* previews A missing preset
4/10 #252 Slide effects match the render Effect presets
5/10 #253 Keyframes hold and ease like the render Keyframe model
6/10 #254 Presets compose over keyframes Builds on 2–5
7/10 #255 The toolbar allows presets with keyframes UI change that needs 6/10
8/10 #256 Default fps matches the render Output settings
9/10 #257 shotstack-canvas 2.14.1 Dependency bump
10/10 #258 html5 capture sees the page's markup Uses 9/10's new inputs

Merge bottom-up, retargeting each PR after its predecessor lands. Since #248 the release workflow skips the release when the merged PR's title starts [n/m] with n < m, so 1/10 to 9/10 hold, and 10/10 releases the stack as one version.

Merge subject: [2/10] fix: preview transitions with the render's durations, curves and directions. The repo squashes a single-commit PR under its commit message, so type this in the merge dialog.

@dazzatronus
dazzatronus force-pushed the derk/sdk-motion-transition-timing branch from 94d7938 to c3710d7 Compare October 26, 2026 22:48
@dazzatronus
dazzatronus merged commit 85f56b6 into main Oct 26, 2026
1 check passed
github-actions Bot pushed a commit that referenced this pull request Oct 26, 2026
## [2.29.1](v2.29.0...v2.29.1) (2026-10-26)

### Bug Fixes

* draw the canvas at the screen's pixel density ([#263](#263)) ([bc60a4b](bc60a4b))
* preview shuffle transitions ([#251](#251)) ([abb64b7](abb64b7))
* preview transitions with the render's durations, curves and directions ([#250](#250)) ([85f56b6](85f56b6))
@github-actions

Copy link
Copy Markdown

🎉 This PR is included in version 2.29.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

@dazzatronus
dazzatronus deleted the derk/sdk-motion-transition-timing branch October 26, 2026 23:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant