Skip to content

feat: add shock wave #164

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 13 commits into from
Jan 12, 2025
Merged

feat: add shock wave #164

merged 13 commits into from
Jan 12, 2025

Conversation

damienmontastier
Copy link
Member

@damienmontastier damienmontastier commented Jan 9, 2025

This component introduces the ShockWaveEffect, which provides an abstraction for applying a shockwave effect with dynamic distortion. The <ShockWavePmndrs> is specifically designed to add immersive visual effects by simulating a shockwave from a central point, creating a wave-like distortion in the scene.

  • Easy to set up — simply include it in your <EffectComposerPmndrs> pipeline.
  • Multiple options for controlling amplitude, wave size, speed, and max radius are available.
  • Fully supports different blend functions for enhanced customization.

This PR integrates the DepthPickingPassPmndrs component. It has been added to use a position retrieval technique for applying the shockwave effect.

For more details, see Shock Wave Effect on pmndrs.


Feedbacks

I wanted to add the demo's source code to the demo in an expandable menu. I find the code interesting: it integrates a way to make hearts with ExtrudeGeometry, it has the effect animation duration calculation part (getActiveDuration).


Local Playground — pnpm run playground

Local Documentation — pnpm run docs:dev

@Tinoooo Tinoooo merged commit 6fa0e3c into Tresjs:main Jan 12, 2025
1 check passed
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.

2 participants