fix code display on github

This commit is contained in:
Peter 2014-04-19 16:54:04 +02:00
parent 186ba55e30
commit 9ccdc6c3a8

View file

@ -39,6 +39,7 @@ The animation sequence is controlled by the three frame-generator routines vorsp
```('logo', 'style', 'opacity', 1),``` - locate object with id ```logo``` in the svg, parse its ```style```-attribute as css-inline-string and change the value of the css-property ```opacity``` to 1. The Tupel-Element ```'style'``` is fixed and declares the type of action which is applied to the specified element. All other tupele-mebers can be modified to suit your needs.
To form an fase-in-opacity-animation, the frame-generator could look like this:
# three seconds of animation
frames = 3*fps
for i in range(0, frames):
@ -54,6 +55,7 @@ To form an fase-in-opacity-animation, the frame-generator could look like this:
So to fade the logo out, the generator yould look like this:
To form an ease-in-opacity-animation, the frame-generator could look like this:
# three seconds of animation
frames = 3*fps
for i in range(0, frames):
@ -65,6 +67,7 @@ By yielding multiple sub-tuples, you can animate multiple elements at the same t
### XML-Attribute-Modifications
The other form a sub-tuble can have is ```('box', 'attr', 'transform', 'translate(0,0)')``` - locate object with id ```box``` in the svg, and set its ```transform```-attribute to ```translate(0,0)```. This can be used to animate things not specifiable by css - like the spacial translation of an object. A suitable generator, that animates the element ```box``` in an upward movement, could look like this:
# three seconds of animation
frames = 3*fps
for i in range(0, frames):