You dont need these instructions, but its to explain this project, not for your users. click the button below to start.
This early version does not use the mouse or have good physics or choose good colors,
and it moves much more that the next version will, just for testing the physics.
It works on the newer versions of these browsers, which I tested: InternetExplorer, MozillaFirefox, Opera, Safari, and GoogleChrome.
Click this button to cause subwindows to appear in this browser window.
They are just dynamic tables that can change color and text.
In this early version, you will see big subwindows like this stick over the edge because the estimateHeight var is not updated.
This div is called controlsDiv. You do not need it, but this specific example copies its contents into one of the subwindows.
This div is called theData. It contains divs that will become subwindows when you click the button. The inner divs have a title attribute that you can not see below, but it will be in the subwindows.
Divide text into small sections, maybe 3 sentences each, and a very shorter title for each.
a small rectangle in a web browser
small sections, maybe 3 sentences each
subwindow Their color will become brighter and slowly decay, flowing color recursively in the network of rectangles.
instead of clicking a link, touch the mouse to the text that would have been a link (and to a few others) and that will cause, the subwindow's that the link would have gone to, to move toward where your mouse was and push other rectangles out of the way.
The network of subwindow's is shaped like a neural-network, where edges are defined by substring matching of the title of each rectangle if that is found in the body of other rectangles.
Touch the mouse to a few of these rectangles in any combination.
There will be no clicking or scrolling in this webpage.
Each subwindow has position and speed and tries to not overlap any other subwindows too often.
In an intuitive way, the user will see color and moving text on the screen, touch the mouse to whatever they are interested in, and the relevant information will come to them.
When there are too many rectangles on the screen, the least important or least used will become invisible and later become visible when the artificial-intelligence code thinks they are relevant.