Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Does anyone know of a clean way to simulate lightning and thunder mainly in jQuery/HTML5 without using video.. solely code and images. It’s for sort of an image transition.
If not i may simply have to trick the eye with some fast flicker effects and sound. which i have no problem doing. Just wondered if anyone knows of a good tutorial or example.
thank in advance!
Jerry
For the lightning, I would use a picture of lightning, and then jquery animation with a bounce ease out. That should give a fairly nice flicker effect with minimum effort.
As for thunder – sound is not guaranteed to work on all browsers, even if supported people often have sound turned off. And more importantly might be listening to their own music, or recording their own voice etc… so often don’t appreciate websites interfering with their sound choices.
There are some sound libraries out there that cover most bases – I am sure someone else will answer that more fully for you.