jocly/dist/browser/games/chessbase/fantasticXIII-rules.html

Board games 3D/2D UI and AI web library

<style>
    .piece-graph {
        height: auto;
        max-width: 300px;
        margin: 0 auto;
        display: block;
    }

    .piece-icon {
        width: 70px;
        height: auto;
        float: left;
        margin-right: 10px;
    }

    .piece-icon-promo {
        width: 50px;
        height: 50px;
    }

    #promo {
        width: 200px;
        margin: 0 auto;
    }
</style>

<h1>Initial setup</h1>


<p>The board has 13 x 13 squares. </p>




<h1>Pieces</h1>

<h2>King</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-king.png'>
</p>
<p class='piece-details'>Moves as in usual Chess, except there is no castling.</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/king.png'>
</p>
<h2>Snake</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-dragon.png'>
</p>
<p class='piece-details'>Moves one square vertically and then, slides away of an indefinite number of squares diagonally. It can not jump and the unobstructed path must start with the vertical movement.</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/snake.png'>
</p>
<h2>Ship</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-ship.png'>
</p>
<p class='piece-details'>Moves one square diagonally and then, goes away of an indefinite number of cases vertically, never horizontally.</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/ship.png'>
</p>
<h2>Mammoth</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-mammoth.png'>
</p>
<p class='piece-details'>Steps horizontally, vertically or diagonally one or two squares, leaping over the intermediate square if it is occupied</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/mammoth.png'>
</p>
<h2>Squirrel</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-squirle.png'>
</p>
<p class='piece-details'>Jumps at 2 squares</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/squirrel.png'>
</p>

<h2>Cheetah</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-leopard.png'>
</p>
<p class='piece-details'>Jumps at 3 squares</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/cheetah.png'>
</p>
<h2>Troll</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-huscarl.png'>
</p>
<p class='piece-details'>Makes a 3-step orthogonal or diagonal jump, no matter what any intermediate square contains. In addition, it moves 1 step forward and captures 1 step diagonally forward (like a Pawn). This permits the Troll to reach any square on the board. It can promote to wolf only when it moves like a Pawn, never by jumping 3 squares</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/troll.png'>
</p>
<h2>Prince</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-prince.png'>
</p>
<p class='piece-details'>A non-royal King who moves and captures one square in any direction, but without being hindered by check. Like the Pawn, he can also move without capturing to the second square straight ahead. When he reaches the last row it can promote to wolf.</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/prince.png'>
</p>
<h2>Pawn</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-pawn.png'>
</p>
<p class='piece-details'>Moves straight forward one or two square from any position on the board, without capturing. It captures one square diagonally forward. As a consequence, the en-passant capture is possible every time an opposite Pawn or Prince has advanced two squares. When he reaches the last row it can promote to Direwolf.</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/pawn.png'>
</p>
<h2>Griffon</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-griffon.png'>
</p>
<p class='piece-details'>This piece may appear in this game by promotion of a Ship. It moves one square diagonally and then, slides away of an indefinite number of squares vertically or horizontally.</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/griffon.png'>
</p>
<h2>Rhinoceros</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-rhino.png'>
</p>
<p class='piece-details'>This piece may appear in this game by promotion of a Snake. It moves one square vertically or horizontally and then, slides away of an indefinite number of squares diagonally.</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/rhinoceros.png'>
</p>
<h2>Direwolf</h2>
<p>
<img class='piece-icon' src='{GAME}/res/fairy/icons/w-wolf.png'>
</p>
<p class='piece-details'>This piece may appear later on by promotion of a Pawn, a Prince  or a Troll.  It  jumps on any square situated at 2 or 3 squares distance from where it stands.</p>
<div style='clear:both'></div>
<p>
<img class='piece-graph' src='{GAME}/res/rules/graphs/wolf.png'>
</p>
<br clear="all">