@reis/seki/src/classes/objects/stone-glass.js

Seki – A modern javascript based Go board renderer and player, that is simple to use, extensible, compact and intuitive.

import Stone from './stone.js'
import {stoneStyles, stoneColors} from '../../constants/stone.js'

/**
 * Glass stone class
 */
export default class StoneGlass extends Stone {

  //Style
  style = stoneStyles.GLASS

  /**
   * Draw glass stones
   */
  draw(context, x, y) {

    //Load properties
    this.loadProperties()

    //Get data
    const {radius, displayColor} = this
    const absX = this.getAbsX(x)
    const absY = this.getAbsY(y)

    //Prepare context
    this.prepareContext(context)

    //Begin path
    context.beginPath()

    //Determine stone texture
    if (displayColor === stoneColors.WHITE) {
      context.fillStyle = context.createRadialGradient(
        absX - 2 * radius / 5,
        absY - 2 * radius / 5,
        radius / 3,
        absX - radius / 5,
        absY - radius / 5,
        5 * radius / 5
      )
      context.fillStyle.addColorStop(0, '#fff')
      context.fillStyle.addColorStop(1, '#aaa')
    }
    else {
      context.fillStyle = context.createRadialGradient(
        absX - 2 * radius / 5,
        absY - 2 * radius / 5,
        1,
        absX - radius / 5,
        absY - radius / 5,
        4 * radius / 5
      )
      context.fillStyle.addColorStop(0, '#666')
      context.fillStyle.addColorStop(1, '#111')
    }

    //Complete drawing
    context.arc(absX, absY, Math.max(0, radius - 0.5), 0, 2 * Math.PI, true)
    context.fill()

    //Restore context
    this.restoreContext(context)
  }
}