Skip to content

feat: add scanline #150

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Jan 4, 2025
Merged

Conversation

damienmontastier
Copy link
Member

@damienmontastier damienmontastier commented Nov 30, 2024

This component introduces the <Scanline> effect, which simulates the scanlines of old CRT displays, adding a nostalgic or stylized visual aesthetic to your scene. The <Scanline> effect is part of the pmndrs/postprocessing package and can enhance your project with retro-inspired visuals or unique stylized effects.

  • Enhances the retro aesthetic or stylized appeal of your scene with customizable scanline effects.
  • Easy to set up — simply include it in your <EffectComposerPmndrs> pipeline.
  • Fully supports different blend functions for enhanced visual styles.
  • The scrollSpeed property allows for animating the scanlines for a dynamic visual experience or keeping them static for a classic look.

For more details, see ScanlineEffect on pmndrs/postprocessing.


Local Playgroundpnpm run playground

Local Documentationpnpm run docs:dev

@damienmontastier
Copy link
Member Author

@alvarosabu I've just adapted the Scanline component for V2 of the package ✌️

Copy link
Member

@alvarosabu alvarosabu left a comment

Choose a reason for hiding this comment

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

@damienmontastier Looks great 😊. Thanks for adding this effect.

@alvarosabu alvarosabu self-assigned this Jan 4, 2025
@alvarosabu alvarosabu added feature p3-significant High-priority enhancement (priority) labels Jan 4, 2025
@alvarosabu alvarosabu merged commit f3da309 into Tresjs:main Jan 4, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature p3-significant High-priority enhancement (priority)
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

2 participants