Pages

Monday, March 26, 2018

Floating Block Stability Simulator JavaScript Simulation Applet HTML5


Instructions

Combo Box and Options


Display gives you checkboxes

While the rest give you sliders





Adjustable Block


You can adjust the block by dragging the empty squares respectively.

The centre square adjusts the vertical position of the block.
(Default Position)

(Dragging the block down)

(Dragging the block up)

Note that this can also be done in the Combo Box option: Position.
Releasing the block will also cause the simulation to auto-play.

The other two boxes adjusts the size of the block.

(Default Size)
(Possible Size 1)

(Possible Size 2)

This can also be done under the Combo Box Option: Width:Height.

Toggling Full Screen

Double clicking on the panel allows you toggle full screen.

Note that this only works when the simulation is paused.

Play/Pause and Reset Buttons

Plays/Pauses and resets the simulation.

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







No comments:

Post a Comment