.demos
Just some animation and other demos. Not very useful.
- Animation of the phases of the Moon
- Big clock — sometimes you just need a big clock
- Binary count
- Particle fountain
Blockout
A simple version of an old classic
Connected Graph Animation
Recursive Nested HTML divs
CSS 3D Demos
Some CSS- 3D animations
- Color Cube - RGB color cube
- Color Cube - showing the named CSS colours
- Color Cylinder - HSL color cylinder
- Circles
- Circles 1
- Swirly
- Dizzy - nested 2D rotations
- Dizzy 2 - a simpler version
- Dizzy 3 - nested 3D rotations
- Boxes - a simple hover effect
- Boxes 2 - 3D rotation
3D Point clouds
These scripts predate CSS-3D and Canvas3D - they just use plain HTML, CSS and JS.
- Lissajous Knots - some ABC Logo lissajous knots, plus a few others
- Spherical Helix
- Helical Helix
- Toroidal Helix
- Helix
- Torus
- Sphere
- Random Points on a Sphere
- Surface Wave
- Cubic Lattice
- Random Points
Lunar Lander
Never finished. Needed terrain and collision detection. The lander flies though.
Pong
A simple version of an old classic, written in plain HTML + JS.
Canvas vs SVG Comparison
Create random moving dots until the animation starts to crawl: Canvas is much faster than SVG, but SVG still gives pretty good performance up to thousands of dots, and gives you interaction via DOM events for free.
Random boxes and circles
thrilling...
- Falling
- Bouncing
- Random Boxes
- Random Boxes 2
- Random Circles
- Random Boxes - SVG version
- Random Circles - SVG
- Boxes: HSL Colors