Velocity-Time Graph Editor Simulator Javascript Simulation Applet HTML5

Velocity-Time Graph Editor Simulator Javascript Simulation Applet HTML5

Instructions

Combo Box and Modes

Toggling with the combo box will adjust the acceleration of the ball respectively.

(Selected Simple Deceleration)

(Selected Uniform Motion = 20)

Choosing the edit v-t graph function however, gives a more complex manipulation of it's velocity.

(Selected edit v-t graph)

Editing the v-t graph

This can be done by dragging the green balls in the graph.

(Default)

(Dragged Point)

There it also shows the coordinate of the point where you dragged.

You can furthermore make complex graphs like this one:

Display Panel and Check Boxes

Toggling the slow checkbox would toggle the speed of the particle.

Show and Trail checkboxes will toggling the visibility of speed/acceleration and the ball's trail respectively.

The last four check boxes toggle the view of the simulation respectively.

Drag-able Ball

Drag the ball in the world view to toggle it's displacement/position.

(Default)

(Dragging to the right)

Play/Pause, Step and Reset Buttons

Plays/Pauses, steps and resets the simulation respectively.

That is all, do enjoy the simulation in the link below:

http://iwant2study.org/lookangejss/02_newtonianmechanics_2kinematics/ejss_model_Kinematicsfukwun/