These are a set of HTML5 animations that I created for my website as a JavaScript hobbyist. I use HTML5 canvas and plain JavaScript to produce that turned out be very nice. They were originally published on my website - https://www.vivaxsolutions.com The list includes the following:
- A real analogue clock - https://www.vivaxsolutions.com/web/html5-canvas-live-clock.aspx
- An animated real-looking solar system - https://www.vivaxsolutions.com/web/html5-canvas-solar-system.aspx
- Animated beautiful heart, created with polar equations - https://www.vivaxsolutions.com/web/html5-canvas-heart.aspx
- An animated candle, created without external images - https://www.vivaxsolutions.com/web/html5-canvas-candle.aspx
- A percentage circle created without the aid of JQuery - https://www.vivaxsolutions.com/web/html5-progress-circle.aspx
- An animated spring created without external images - just by manipulating sine curve - https://www.vivaxsolutions.com/web/html5-canvas-spring.aspx
- An interactive vernier calliper without external images - https://www.vivaxsolutions.com/web/html5-canvas-vernier-caliper.aspx
- An animated bouncing ball - https://www.vivaxsolutions.com/web/html5-canvas-bouncing-ball.aspx
- Physics: vector / scalars - distinction between distance and displacement - https://www.vivaxsolutions.com/web/html5-canvas-moving-car.aspx
- Bearings interactive animation added - https://www.vivaxsolutions.com/web/html5-canvas-bearings.aspx
- Thunderstorm added - https://www.vivaxsolutions.com/web/html5-canvas-lightning.aspx
- Interactive colour maker added - https://www.vivaxsolutions.com/web/html5-canvas-colour-maker.aspx