jGoBoard

Photorealistic go board with JavaScript

Home

jGoBoard is a pure HTML5 canvas go board that can easily be manipulated via JavaScript. It's designed to be lightweight and easy to use, and you can of course also use only the graphics in a standalone application.

Screenshot of jGoBoard

jGoBoard is licensed under Creative Commons 3.0 and it's free to use for non-commercial purposes. For commercial use, please contact the author.

Live Demos

Usage Examples

Browser (UMD)

<script src="dist/jgoboard.umd.min.js"></script>
<script>
  var jboard = new JGO.Board(19);
  var jsetup = new JGO.Setup(jboard, JGO.BOARD.large);
  jsetup.create('boardContainer');
</script>

ES Modules

import JGO from 'jgoboard';
// or import specific modules for better tree-shaking
import { Board, Setup } from 'jgoboard';

const jboard = new Board(19);
const jsetup = new Setup(jboard, JGO.BOARD.large);
jsetup.create('boardContainer');

CommonJS (Node.js)

const JGO = require('jgoboard');

const jboard = new JGO.Board(19);
const jsetup = new JGO.Setup(jboard, JGO.BOARD.large);
jsetup.create('boardContainer');

More examples in the jGoBoard github.com repository.