Txtbirds
jsvine.com
jsvine.com
Fun little demonstration :)
http://jsfiddle.net/vNuns/3/embedded/result/ (the code added is the peace at the end)
I recently had to switch to the radeon (open source) drivers instead of fglrx (AMD's proprietary) drivers due to some incompatibility with a kernel upgrade. It makes sense that the problem would exist somewhere between Firefox and its use of those drivers.
this.flaps = [ '------', '/‾\\/‾\\', '‾‾\\/‾‾' ]; ... this.el.innerHTML = this.flaps[this.flap_i++ % this.flaps.length];
What next, 3d ascii boids, with text size to show near or farness?
- With the exception of the `margin` transition, all the transitions are set to 10 seconds — roughly each bird's lifespan.
- The `left` and `top` transitions move the bird toward the center from a randomly-assigned position on the screen.
- The `font-size` and `color` transitions create the impression that the bird is receding into the distance, getting smaller and more lightly-colored.
- The `margin` transition governs the veering. Every half-second, the bird is given new, randomish left- and top-margins. The transition (set to slightly less than a second in duration, after some trial-and-error) smooths that shift.
Edit: Apparently it doesn't work on FF 15. It worked on FF16 XP. and it also works on Safari