Skip to content

@remotion/effects: Add scanlines effect - #7758

Merged
JonnyBurger merged 4 commits into
mainfrom
scanlines-effect-7619
May 29, 2026
Merged

@remotion/effects: Add scanlines effect#7758
JonnyBurger merged 4 commits into
mainfrom
scanlines-effect-7619

Conversation

@samohovets

@samohovets samohovets commented May 28, 2026

Copy link
Copy Markdown
Member

Summary

  • Add scanlines() to @remotion/effects
  • Add subpath export, build entrypoint, validation, and tests
  • Add docs page, interactive demo, TOC preview image, and generated docs card

Fixes #7619.

Test plan

  • cd packages/effects && bun test src/test
  • bun run build
  • bun run formatting
  • bun run build-docs

@vercel

vercel Bot commented May 28, 2026

Copy link
Copy Markdown
Contributor

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

Project Deployment Actions Updated (UTC)
bugs Ready Ready Preview, Comment May 28, 2026 4:45pm
remotion Ready Ready Preview, Comment May 28, 2026 4:45pm

Request Review

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Reviewed changes — Adding the scanlines() canvas effect to @remotion/effects, including WebGL2 shader implementation, package exports, validation, tests, documentation, and interactive demo.

  • Add scanlines() effect — WebGL2-based horizontal scanline overlay with amount, spacing, thickness, offset, and premultiply parameters
  • Register subpath export and bundle entrypointpackage.json exports and bundle.ts updated
  • Add validation and tests — Parameter validation with comprehensive test coverage for defaults, bounds, types, and effect key uniqueness
  • Add documentation and demo — MDX docs page, sidebar entry, TOC preview, interactive demo component, and preview images

Pullfrog  | View workflow run | Using Kimi K2𝕏

@JonnyBurger

Copy link
Copy Markdown
Member

@pullfrog make the doc TOC alphabetic again

@pullfrog

pullfrog Bot commented May 28, 2026

Copy link
Copy Markdown
Contributor

Fixed the effects doc TOC to be alphabetically sorted within each category again. The PR branch had new commits on the remote, so I rebased the fix on top of the latest scanlines-effect-7619 and pushed.

Task list (4/4 completed)

Pullfrog  | View workflow run | via Pullfrog | Using Kimi K2𝕏

@JonnyBurger JonnyBurger left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

  • packages/docs/static/img/effects-scanlines-preview.png: effect is not visible, might need increase of example component
  • effect is not added in alphabetic order in docs sidebar

@JonnyBurger
JonnyBurger merged commit 8980070 into main May 29, 2026
26 of 27 checks passed
@JonnyBurger
JonnyBurger deleted the scanlines-effect-7619 branch May 29, 2026 08:10
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.

@remotion/effects: scanlines effect

2 participants