Looking to create a new sports website that coaches can use to log drills that they use with their players. I have seen a similar website which I would like to copy and use some of their features. I have attached a zip file with some screen grabs.
A user should be able to select a background for the animation. This will be a full sports pitch, or part of it. [url removed, login to view] shows the pitch options on the right hand side, a user simply chooses one of these by clicking on it. The menu on the right hand side is changed by clcicking on one of the icons such as Plain Ground, Tools, Lines or Players (see [url removed, login to view], [url removed, login to view], [url removed, login to view] or [url removed, login to view])
From the menu on the right hand side, the user can click an drag any item onto the pitch. This could be footballs, players or lines for example.
The user can click on the Add Scene button and this moves timeline on 5 seconds. The user can then move any of items he placed on the pitch.
When the user then presses the play button, the animation plays smoothly and any item which was in one position at frame 1 moves smoothly to position two at frame 2 (i.e. 5 seconds later)
In [url removed, login to view], there is the display of the buttons across the top. There needs to be a Save Animation option, which will save this full file. It should be possible for a user to re-enter and edit this animation at any time.
The whole process needs to happen in a browser window. When the final animation is saved, it needs to be display in a normal webpage.