Animated graphic on HTML, CSS & JavaScript ... ???

Hevlet

New Member
Hello,

I need to create a relatively simple animation that displays/visualizes the state of some JavaScript variables. My problem now is that I don't know how to do it.

One of my first attempts was to load different images for the different states. But now, the more states are added in addition, the more images I have to create, and this becomes very confusing. Most importantly, the code gets a bit messy over time.

What is the best way to implement my intent, in the simplest way possible, using JS? Probably CSS?

In this image is a very simple representation of how the states should be displayed when variables change. In effect, a static image that displays the states with fill-in colors, for example.

Webdesign_State_View.jpg

I am happy to get some help. Chears.
 
Top