Add Dynamic Jump Scare Feature with Full Spookiness and Chaos #182
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
Thank you for submitting your chaotic pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊 |
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
There was a problem hiding this comment.
👋 Welcome, @sumitkumar9128! Thank you for your first pull request to ChaosWeb! We’re excited to see how you’ve contributed to the madness. 🎉 Our team will review your chaotic creation soon. Keep the disorder coming! 🚀
There was a problem hiding this comment.
🎉 Thanks @sumitkumar9128! Your pull request has added more chaos to ChaosWeb. We’ll review it shortly. Keep breaking the rules! 🚀
|
Share screenshot and video |
|
hey @vansh-codes check the video, |
|
Looks scary! 👻 |
vansh-codes
added
enhancement
fixes #105
Description: This PR introduces a new, dynamic jump scare feature, designed to enhance the horror theme with intense spookiness and chaos. The jump scare effect includes:
Randomized creepy images that pop up on-screen to surprise users.
Flickering animations and randomized positioning to intensify the horror effect.
Custom CSS and isolated component structure, ensuring no merge conflicts now or in the future.
Additional Context:
For a demonstration of the effect, refer to the attached video.
The creepy cursor effect was not included due to browser compatibility issues and potential caching problems that affected consistent rendering.
demo.1.1.mp4
If you’d like to change any of the jump scare images, simply:
Add or replace image files in the src/assets/creepyImg directory.
Update the array of images in JumpScareEffect.jsx to include the new images. (just need to update img name)
The feature has been fully tested for merge compatibility and isolated from other components, with only minimal modifications in App.jsx. Feel free to merge anytime!