maksimkorzh / interactive-xiangqi-apps

Embedded Xiangqi apps for http://www.xqinenglish.com/ website by Fang Hao Jian

Interactive Xiangqi apps

It all has started from writing a Xiangqi engine.
Later I've adopted the apps based on it to fit Xiangqi in English website by Fang Hao Jian.
Now it's available for free use in 3rd party websites.

Code snippets to embed Xiangqi diagrams

See demo

<!-- Play board, no controls -->
<iframe id="inlineFrameExample"
  title="Inline Frame Example"
  width="272"
  height="302"
  style="border: 0px"
  src="https://maksimkorzh.github.io/interactive-xiangqi-apps/apps/play_online/gui/xiangqi.html">
</iframe>

<!-- Puzzle board, mate in 2 (mate in 1, 2, 3, 4, ? are available) -->
<iframe id="inlineFrameExample"
  title="Inline Frame Example"
  width="272"
  height="302"
  style="border: 0px"
  src="https://maksimkorzh.github.io/interactive-xiangqi-apps/apps/puzzle_solver/gui/puzzle_solver.html?mateIn=2">
</iframe>

<!-- Play board and controls -->
<iframe id="inlineFrameExample"
  title="Inline Frame Example"
  width="272"
  height="337"
  style="border: 0px"
  src="https://maksimkorzh.github.io/interactive-xiangqi-apps/apps/play_online/gui/xiangqi.html?controls">
</iframe>

<!-- Puzzle board and puzzle picker -->
<iframe id="inlineFrameExample"
  title="Inline Frame Example"
  width="272"
  height="338"
  style="border: 0px"
  src="https://maksimkorzh.github.io/interactive-xiangqi-apps/apps/puzzle_solver/gui/puzzle_solver.html?mateIn=3&pickPuzzle">
</iframe>

<!-- Play board, custom size (250 width min) and controls -->
<iframe id="inlineFrameExample"
  title="Inline Frame Example"
  width="373"
  height="449"
  style="border: 0px"
  src="https://maksimkorzh.github.io/interactive-xiangqi-apps/apps/play_online/gui/xiangqi.html?boardSize=350&controls">
</iframe>

<!-- Puzzle boars, custom size and puzzle picker -->
<iframe id="inlineFrameExample"
  title="Inline Frame Example"
  width="383"
  height="453"
  style="border: 0px"
  src="https://maksimkorzh.github.io/interactive-xiangqi-apps/apps/puzzle_solver/gui/puzzle_solver.html?boardSize=350&mateIn=3&pickPuzzle">
</iframe>

<!-- Play Xiangqi, developer version -->
<iframe id="inlineFrameExample"
  title="Inline Frame Example"
  width="425"
  height="600"
  style="border: 0px solid white"
  src="https://maksimkorzh.github.io/interactive-xiangqi-apps/apps/wukong-dev/gui/xiangqi.html">
</iframe>    

<!-- Game viewer, developer version -->
<iframe id="inlineFrameExample"
  title="Inline Frame Example"
  width="420"
  height="595"
  style="border: 0px solid white"
  src="https://maksimkorzh.github.io/wukong-xiangqi/apps/game_viewer/gui/game_viewer.html">
</iframe>

<!-- Play Xiangqi with WXF notation movelist -->
<iframe id="wukong-xiangqi"
  title="Wukong Xiangqi"
  width="580"
  height="525"
  style="border: 0px solid black"
  src="https://maksimkorzh.github.io/interactive-xiangqi-apps/apps/wukong-dev-ext/gui/xiangqi.html">
</iframe>

Contact developer

[email protected]