Class

DuosuitGenerator

DuosuitGenerator()

2つのマークを持つカードの画像を生成・管理するためのクラス.

Constructor

# new DuosuitGenerator()

Properties:
Name Type Description
width number

カードの横幅

height number

カードの縦幅

images stdgam.ImagePool

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

caches stdgam.CachePool

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

View Source card.js, line 665

Extends

Members

Array.<string>

# ccolors

外枠などに使う配色.

Inherited From:

View Source card.js, line 580

Array.<string>

# wcolors

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

Inherited From:

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におけるインデックスで指定したリスト

Inherited From:

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

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

Inherited From:

View Source card.js, line 622

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

CanvasGradient

# paintBackground(ctx, marks)

カードの背景を描画する.

Parameters:
Name Type Description
ctx CanvasRenderingContext2D

描画に使うコンテクスト

marks Array.<number>

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

View Source card.js, line 671

# paintCost(ctx, x, y, marks, n)

指定された座標にカードの左上端があるものとしてカードのコストを描画する. 他の描画メソッドとは違い, コストはキャッシュ画像には書き込まず, PrismaticCardのpaintメソッドから毎フレーム呼び出される (さもなければ キャッシュする画像の枚数がコストの種類数だけ倍増してしまう). そのため, 基点となる(x,y)の情報が必要になる.

Parameters:
Name Type Description
ctx CanvasRenderingContext2D

描画に使うコンテクスト

x number

カードの配置位置のx座標

y number

カードの配置位置のy座標

marks Array.<number>

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

n number

カードのコスト

View Source card.js, line 710

# paintMark(ctx, pics)

カードのマークを描画する.

Parameters:
Name Type Description
ctx CanvasRenderingContext2D

描画に使うコンテクスト

pics Array.<HTMLImageElement>

含まれる基本属性のマークの画像

View Source card.js, line 686