Parabolic Motion Simulator

Hello there, I would like to build a graphic simulator of parabolic motion (high school level). The idea is to show an animation of the canon ball's trajectory with several functionalities (see attached mockup): [1] The trajectory with the fly time (the animation itself) [2] Showing the velocity vector (with its components) for each time t. [3] A button to show / hide the velocity vectors. The flying time will be display also. [4] The possibility for user to change the initial conditions and the time step (for each point of the trajectory). [5] A summary table listing the variables which update after each modification (either manually from user or from passing time) [6] Sliding bars for setting the parameters: Initial conditions and Position Coordinates. There are 5 different elements (sub-windows): [1] Summary Table: table with variable and constant values. The value of the variables will be show first with the default values. [2] Initial conditions: The inicial velocity V0 its direction alpha and the initial hight y0 can be fixed by the user manually using a sliding bar, their values will be show next to the name of the variable (on the underlined space). Changing any of these values willl provoke the reinitilisation of the trajectory: the ball goes back to point to time t = 0 of the trajectory. [3] Position Coordinates: We set here the position and time in order to see the corresponding values of the canon ball on the trajectory. For a given set of initial condition the ball will take the place or time set by the user. [4] The plot window: the trajectory graphic with a button to show/hide the velocity vector. The values of the coordinates will be set as integers (multiples of 10 or 20, see below). [5] A play, backward/forward bar with time steps. User will set for example 1 second, then the ball will begin at position t=0 and the user can see the position of the ball for times 0, 1, 2, ... when clicking on forward button (idem for backward button, for t=0 backward button in disabled). The play button will show the animation beginning in t = 0, in this case the velocity vectors are not shown. Color code: The variables on the graphic (vectors and angle) will have the same color as the text shown in other sub-windows. ex: Vy is green in the graphic, V0 green in "Initial Conditions" and Vt, Vx and Vy are green in "Summary Table". Similarly, all the variables in "Summary Table" | "Initial Conditions" | "Position Coordinates" will have the same color. The axis: In order to have stable axis dimensions Admissible values for variables: [a,b] represents the interval containing the values between a and b: |V0| in [0,40] m/s (0 m/s particular point, free fall) y0 in [0,10] m x max in [0,300] m ymax in [0,150] m alpha in [0,90] ° (0° particular point, if y0 = 0, no motion, take values axis as if V0 = 0, see below) Delta t= [0.05,2] s (by default = 0.05s) The maximal values of the axis will adapt following the value of the variables, but only 3 redimensioning wil be performed. The redimensioning of the axis depends on the intensity of the initial velocity: for: V0 in [1,10] -> xmax = 20 ymax = 20 V0 in ]10,30] -> xmax = 100 ymax = 60 V0 in ]30,400] -> xmax = 180 ymax = 100 (with these values, all trajectory will be visible for any inital velocity's direction). What is already done: The java code computing and ploting the trajectory is available in github (I'l give access on demand). A balsamiq mockup. Best, Eduardo