![]() Moving shape shows b-spline so moving path for shape can be edited. AnimationĪdding new animation frame is done by copying positions and parameters of previous frame.Įach shape that is moved on new key frame is moved on b-spline. Overlay is shown as outline over original pitch as outline centered on pitch. Sometimes futsal training is held on different pitch than original.įor that purpose is is required to show overlay of: remove (return to default pool only for predefined shapes).resize (all except for predefined shapes e.g.Some of shapes have different edit options. needs debugging to show cursor before entering textĪll the shapes can be drawn with one of 6 colors.Īll shapes can be edited on pitch.four different sizes, predefined text size.b - spline (default drawing shape for lines).straight (should be replaced by b-spline).Predefined shapes are dragged on pitch to be placed on desired position. Number of predefined shapes is available for placing on pitch. Tactics board has number of predefined shapes: Pitch is created as SVG image and is is base for all editing. Main editing area is shown as default futsal pitch including all elements defined by futsal rules SVG image is generated using metric centimeter (cm) as default unit.ġ in SVG image equals 1cm in real world. web browsers on touch devices for phase 2.as set of parameters to be editable (JSON definition).Tactics board is SVG image generated client side and displayed with ReactĪll drawing is done by modifying parameters of shape elements than SVG is generated and displayed. Image creationīase for editor and image creation is SVG. NOTE: Functionality that is already done is scratched in description below. Project is required to have all features of reference project but for futsal only. Here is list of what needs to be done in project. saving tactics for each user separately.Project is using following technologies/libraries:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |