Class

Polysuit

Polysuit(images, caches, width, height)

複合属性のカードを描画するクラスの土台を提供する. サブクラスは次のメソッドを実装する.

  • paintBackground(ctx, marks)
  • paintMark(ctx, pics)
  • paintCost(ctx, x, y, marks, n)
Constructor

# new Polysuit(images, caches, width, height)

Parameters:
Name Type Description
images stdgam.ImagePool

必要な画像を読み込むために使うImagePool

caches stdgam.CachePool

生成した画像を登録するために使うCachePool

width number

カードの横幅

height number

カードの縦幅

Properties:
Name Type Description
width number

カードの横幅

height number

カードの縦幅

images stdgam.ImagePool

必要な画像を読み込むために使うImagePool

caches stdgam.CachePool

生成した画像を登録するために使うCachePool 指定された座標にカードの左上端があるものとしてカードのコストを描画する (サブクラスが実装する)

View Source card.js, line 575

Members

Array.<string>

# ccolors

外枠などに使う配色.

View Source card.js, line 580

Array.<string>

# wcolors

カードの地の部分などに使う配色.

View Source card.js, line 589

Methods

# getCache(marks) → {HTMLCanvasElement}

marksで指定された複合属性のカード画像が既に作成済みならそれを返す. そうでない場合, サブクラスの

  • this.paintBackgroud
  • this.paintMark

を使用してカード画像を作り, これをthis.cachesに登録する. その後, 生成したカード画像を返す.

Parameters:
Name Type Description
marks Array.<number>

含まれる基本属性をSuitsにおけるインデックスで指定したリスト

View Source card.js, line 641

その複合属性のカード画像

HTMLCanvasElement

# gradation(ctx, c1, c2, off1opt, off2opt, medopt) → {CanvasGradient}

グラデーションを作成する.

Parameters:
Name Type Attributes Default Description
ctx CanvasRenderingContext2D

描画処理に用いているコンテクスト

c1 string

左上に設定する色

c2 string

右下に設定する色

off1 number <optional>
0

カードの左上の角よりも指定された値だけ外側に 飛び出した場所を第1色の配置位置とする (x座標, y座標のそれぞれからoff1を引く)

off2 number <optional>
0

カードの右下の角よりも指定された値だけ外側に 飛び出した場所を第2色の配置位置とする (x座標, y座標のそれぞれにoff1を足す)

med string <optional>
null

中間色を設定する場合はそのカラーコードを指定する

View Source card.js, line 622

作成されたグラデーション

CanvasGradient