I have done a burst of work and slapped together all the Encounter Images and all the Character Images—at least, enough of these to work as placeholders. I still don’t have the different emotional indicators in place or the algorithms for drawing the faces. But they do show up on the window. Here’s a typical display:
The side image is always 200 pixels wide, but of variable height.
There are a number of tasks I could work on: getting the face-drawing algorithms in place, adding in the multiple face displays, the morphing from one pValue to the next, but the one that seems most important now is the scheme for flipping from one encounter to the next. The problem is that the page must be redrawn, and I seem to have problems erasing the old imagery. My clever-but-stupid solution was to jump to a new page that was a carbon copy of the first page, then jump back to the first page, and so alternate between Tweedledee.html and Tweedledum.html. Sadly, this doesn’t work, because Tweedledee and Tweedledum have different values in their variables. I really didn’t expect this shoddy scheme to work; it was just a temporary patch. But now the time has come to get it right. My guess is that I’ll have to simply replace the contents of the innerHTML of the document and then somehow trigger the page to redraw.
Here we go again wading waist deep into the sewage that is HTML.