https://github.com/tristancacqueray/weiqi-visualizer

weiqi board visualizer
https://github.com/tristancacqueray/weiqi-visualizer

threejs webgl weiqi

Last synced: 27 days ago
JSON representation

weiqi board visualizer

• Host: GitHub
• URL: https://github.com/tristancacqueray/weiqi-visualizer
• Owner: TristanCacqueray
• License: gpl-3.0
• Created: 2024-08-20T11:08:10.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-05T17:18:51.000Z (2 months ago)
• Last Synced: 2024-10-11T15:41:42.893Z (27 days ago)
• Topics: threejs, webgl, weiqi
• Language: JavaScript
• Homepage: https://tristancacqueray.github.io/weiqi-visualizer/
• Size: 87.9 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# weiqi-visualizer

[![npm](https://img.shields.io/npm/v/weiqi-visualizer)](https://www.npmjs.com/package/weiqi-visualizer)

A [weiqi](https://en.wikipedia.org/wiki/Go_(game)) board visualizer.

[](https://tristancacqueray.github.io/weiqi-visualizer/)

Available controls:

- Click to start playing.

- Play step by step with the < and > button.

- Change the playback speed with wheel.

## Usage

Render a SGF file using:

```html

  

  

  

```

Available properties:

- href: *url*, SGF location, or use `sgf` to set the content manually

- move: *number*, Load a given position

- autoplay: *bool*, Start playing

- speed: *float*, Playback speed

- sgf: *text*, The game file content

Usage example:

```html

  

  

```

CSS default variable available:

```css

    /* Black stone colors */

    var(--wv-color-black, #765aff);

    /* White stone colors */

    var(--wv-color-white, #e32881);

    /* Hoshi colors */

    var(--wv-color-hoshi, #ffa331);

    /* Grid lines colors */

    var(--wv-color-grid, #333333);

    /* The main background */

    var(--wv-color-bg, #111);

    /* UI backdrop */

    var(--wv-color-bg2, #222);

    /* UI color */

    var(--wv-color-fg, #ddd);

    /* UI button colors */

    var(--wv-color-btn, #666);

    var(--wv-color-btn-over, #888);

```

See the [index.html](./src/index.html) for a full demo.