diff --git a/README.md b/README.md index 60be011..445decd 100644 --- a/README.md +++ b/README.md @@ -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):