Big Chain.
What's needed
Requires MSIE (6.0)
What it does
Copy of game I do not know the name of yet. The board is made up of
randomly colored dots. By selecting a dot, the chain in which the dot exists
is higlighted and scored. The more dots the chain contains the higher the score.
To score double click chain and it is removed. Can undo last chain.
How it does it
On load and reset a XML string representing the state of the board is
created and loaded into xmlBoard. This is then transformed by
xslBoard, the resulting HTML produces the
starting board.
On dot click xmlBoard is transformed by
xslChain, the resulting XML is then
loaded into xmlBoard. xmlBoard now contains a
representation of the chain about the clicked dot and the state of the board.
The HTML representation of the board is done as onload, if a valid chain exist
it is now highlighted.
On chain double click xmlBoard is transformed by
xslRemoved, the resulting XML is then
loaded into xmlBoard. xmlBoard now contains the new state of the board
and the state of the board before the chain was removed, a copy of which is cached (xmlBack).
The HTML representation of the new board is done as onload.
On undo click xmlBack is transformed by
xslChain, the resulting XML is then
loaded into xmlBoard. xmlBoard now contains a
representation the state of the board.
The HTML representation of the board is done as onload.
Data Islands
- xmlBoard: has three states
1. Basic Board [after: onload, reset]
<ROOT>
<BALLS>
<BALL x="3" y="5" id="54" color="blue"/>
....
<BALL x="0" y="0" id="0" color="green"/>
</BALLS>
</ROOT>
2. Board with chain [after: dot click]
<ROOT>
<COLS>
<COL x="4" cnt="3">
<BALL y="5" id="54" color="blue">
<TOP />
<RIGHT />
</BALL>
...
</COL>
...
</COLS>
<BALLS>
<BALL x="3" y="5" id="54" color="blue"/>
....
<BALL x="0" y="0" id="0" color="green"/>
</BALLS>
</ROOT>
3. Board chain removed [after: dot double click]
<ROOT>
<BALLS>
<BALL x="3" y="5" id="54" color="blue"/>
....
<BALL x="0" y="0" id="0" color="green"/>
</BALLS>
<BEFORE>
<BALLS>
....
<BALL x="0" y="0" id="0" color="green"/>
</BALLS>
</BEFORE>
</ROOT>
- xslBoard:
Simply transforms xmlBoard <BALLS> node to HTML view of board.
- xslChain:
Requires selected dot as parameter then traverses xmlBoard <BALLS>
to produce chain in which the dot exists. the chain is the xmlBoard <COLS> node.
- xslRemoved:
Removes those dots in chain and moves remianing dots appropaitley both vertically
and horizontly.
Contact pw@interfootball.co.uk