Home › Forums › JavaScript › Animated Noise Background with JS and or CSS › Reply To: Animated Noise Background with JS and or CSS
December 13, 2016 at 9:12 am
#248963
ryanmunger
Participant
UPDATE: http://codepen.io/ryanmunger/pen/PbyGQP
Hey guys. I feel like I am getting a lot closer with this technique.
After zooming into the gif, I noticed it’s just a bunch of little bars, that cycle through 4 shades (white to black).
This code pen is obviously not very performant at all and has some issues with the timing of cycling through all 4 colors.
I’m just wondering if there is any feedback based on this current implementation.
Here are some things I am aware of:
- Optimizing the effect to go full screen with it (maybe use canvas instead of looping through a bunch of divs using jQuery? (ugh, I know))
- Get the animation of each little “bar” just right, so that it doesn’t reset. Notice all of the “lights” kind of go out at the end of the animation
- Set variables to control the colors and speed
Again, thanks for all your help. Learning a lot on this one!