Seamless looping weather symbol animation using Trapcode Particular, jQuery, and Spritely
A few weeks ago I had to produce a set of bespoke animations based on my ‘old-school’ weather symbols for use in an app – each as a single sheet of individual frames that could be cycled through within the app.
Anyway – it got me thinking about the (’new’) BBC weather icons I designed back in 2005 and whether I could produce a similar set of my own with more realistic weather effects using proper particles and then animate them somehow on a web page without resorting to animated GIFs…
With any luck you’ll be able to see a little ‘light snow showers’ icon looping away on the left there.
For anyone interested, I’ll quickly explain how it’s done… …read more