レンダリングを行うためのクラス。
PIXI.CanvasRenderer と PIXI.WebGLRenderer
詳細は本家 PIXI のサイト PIXI.Renderer を参照。
関連クラス: WindowLayer
Name | Type | Description |
---|---|---|
options |
Object | 詳細は以下の表を参照 |
全ての値は任意(optional)です。
Name | Type | Description |
---|---|---|
width |
Number | 画面の幅(ピクセル) (規定値: 800) |
height |
Number | 画面の高さ(ピクセル) (規定値: 600) |
view |
HTMLCanvasElement | 表示用 canvas |
transparent |
Boolean | 非表示か (規定値: false) |
autoDensity |
Boolean | 1 以外の解像度を許可するか (規定値: false) |
antialias |
Boolean | アンチエイリアスを使うか (規定値: false) |
forceFXAA |
Boolean | FXAA のアンチエイリアスを強制するか (規定値: false) |
resolution |
Number | 解像度 / 機器ピクセル の比。なおレティナの解像度は 2 (規定値: 1) |
clearBeforeRender |
Boolean | レンダ前にクリアするか。preserveDrawingBuffer が true の時のみ false にできる (規定値: true) |
preserveDrawingBuffer |
Boolean | 描画バッファの保存をするか。WebGL コンテキストで toDataUrl を呼び出す必要がある場合は true (規定値: false) |
backgroundColor |
Number | 背景色 (規定値: 0x000000) |
powerPreference |
String | WebGL コンテキストに渡されるパラメーター。デュアルグラフィックカードを搭載したデバイスの場合は ‘high-performance’ に設定する |
context |
Object | 指定した WebGL コンテキストから、すべてのパラメーターを取得 |
Name | Type | Description |
---|---|---|
_activeRenderTarget |
PIXI.RenderTarget | ターゲット |
_fillStyle |
PIXI.FillStyle | 塗りの形式 |
_holeMode |
Boolean | 穴あけモードか(規定値: false) |
_lineStyle |
PIXI.LineStyle | 線の形式 |
_matrix |
PIXI.Matrix | 変形行列 |
batches |
Array.<Object> | バッチ |
batchTint |
Number | (規定値: -1) |
blendMode |
Number | ブレンドモード(規定値: PIXI.BLEND_MODES.NORMAL) |
currentPath |
PIXI.Polygon | 現在のパス |
fill |
PIXI.FillStyle | [read-only] 塗りの形式 |
geometry |
PIXI.GraphicsGeometry | ジオメトリ |
line |
PIXI.LineStyle | [read-only] 線の形式 |
pluginName |
String | 規定値: ‘batch’ |
shader |
PIXI.Shader | シェーダー |
state |
PIXI.State | 状態 |
tint |
Number | 枠線の色(規定値: 0xFFFFFF) |
vertexData |
Float32Array | 頂点データ |
Overrides:PIXI.Container.md
曲線の初期化。
Name | Type | Default | Description |
---|---|---|---|
x |
Number | 0 | opt. x 座標(ピクセル) |
y |
Number | 0 | opt. y 座標(ピクセル) |
Overrides:_render (renderer)
円弧を描き、自分自身を返す。
Name | Type | Default | Description |
---|---|---|---|
cx |
Number | 中心 x 座標(ピクセル) | |
cy |
Number | 中心 y 座標(ピクセル) | |
radius |
Number | 半径(ピクセル) | |
startAngle |
Number | 開始角度 | |
endAngle |
Number | 終点角度 | |
anticlockwise |
Number | false | opt. 反時計回りか |
角丸を描き、自身を返す。
直前のポイント - 中間点、中間点 - 到達点 と直線を引き、両直線に接するように radius 半径の円弧を描く、という手順で角丸を描く。
Name | Type | Description |
---|---|---|
x1 |
Number | 中間点の x 座標(ピクセル) |
y1 |
Number | 中間点の y 座標(ピクセル) |
x2 |
Number | 到達点の x 座標(ピクセル) |
y2 |
Number | 到達点の y 座標(ピクセル) |
radius |
Number | 角丸の半径(ピクセル) |
塗り潰しを開始し、自身を返す。
Name | Type | Default | Description |
---|---|---|---|
color |
Number | 0 | opt. |
alpha |
Number | 1 | opt. |
最後に描いたシェイプの内側に穴を開け始め、自身を返す。
テクスチャの塗り潰しを開始し、自身を返す。
第 1 引数の color は代わりに texture も使える。
第 2 引数の alpha は数値でも PIXI.Matrix でも指定可能。
Name | Type | Default | Description |
---|---|---|---|
texture |
PIXI.Texture | PIXI.Texture.WHITE | opt. 塗り潰しテクスチャ |
color |
Number | 0xffffff | opt. 塗り潰し色 |
alpha |
Number | 1 | opt. 不透明度 |
alpha |
PIXI.Matrix | null | opt. 不透明度 |
3 次ベジェ曲線を引き、自身を返す。
Name | Type | Description |
---|---|---|
cpX |
Number | 制御点 1 の x 座標(ピクセル) |
cpY |
Number | 制御点 1 の y 座標(ピクセル) |
cpX2 |
Number | 制御点 2 の x 座標(ピクセル) |
cpY2 |
Number | 制御点 2 の y 座標(ピクセル) |
toX |
Number | 到達点の x 座標(ピクセル) |
toY |
Number | 到達点の y 座標(ピクセル) |
枠線を計算。
頂点を計算。
画像を消去して、自身を返す。
複製を作って返す。
パスを閉じて、自身を返す。
指定座標が含まれるか。
Name | Type | Description |
---|---|---|
point |
PIXI.Point |
Overrides:PIXI.Container
Name | Type | Description |
---|---|---|
options |
Object | Boolean | opt. 以下のオプション全てに同じ値が設定される |
options に Object として指定する内容
Name | Type | Default | Description |
---|---|---|---|
children |
Boolean | false | opt. 子も破棄するか |
texture |
Boolean | false | opt. children と texture が true だと子のテクスチャを破棄する |
baseTexture |
Boolean | false | opt. children と baseTexture が true だと子のベーステクスチャを破棄する |
円を描き、自身を返す。
Name | Type | Description |
---|---|---|
x |
Number | 中心の x 座標(ピクセル) |
y |
Number | 中心の y 座標(ピクセル) |
radius |
Number | 半径(ピクセル) |
楕円を描き、自身を返す。
Name | Type | Description |
---|---|---|
x |
Number | 中心の x 座標(ピクセル) |
y |
Number | 中心の y 座標(ピクセル) |
width |
Number | 幅(ピクセル) |
height |
Number | 高さ(ピクセル) |
多角形を描き、自身を返す。
Name | Type | Description |
---|---|---|
path |
Array.<Number> | Array.<PIXI.Point> | Array.<PIXI.Polygon> | パス |
四角形を描き、自身を返す。
Name | Type | Description |
---|---|---|
x |
Number | 中心の x 座標(ピクセル) |
y |
Number | 中心の y 座標(ピクセル) |
width |
Number | 幅(ピクセル) |
height |
Number | 高さ(ピクセル) |
角丸の四角形を描き、自身を返す。
Name | Type | Description |
---|---|---|
x |
Number | 中心の x 座標(ピクセル) |
y |
Number | 中心の y 座標(ピクセル) |
width |
Number | 幅(ピクセル) |
height |
Number | 高さ(ピクセル) |
radius |
Number | 半径(ピクセル) |
角丸の四角形を描き、自身を返す。
Name | Type | Description |
---|---|---|
shape |
PIXI.Circle | PIXI.Ellipse | PIXI.Polygon | PIXI.Rectangle | PIXI.RoundedRectangle |
星型の図形を描き、自身を返す。
Name | Type | Default | Description |
---|---|---|---|
x |
Number | 中心の x 座標(ピクセル) | |
y |
Number | 中心の y 座標(ピクセル) | |
points |
Number | 頂点の数 | |
radius |
Number | 半径(ピクセル) | |
innerRadius |
Number | radius の半分 | opt. 内側の半径(ピクセル) |
rotation |
Number | 0 | opt. 回転角(ラジアン) |
塗り潰しを終了し、自身を返す。
穴あけを終了し、自身を返す。
多角形を終了し、自身を返す。
指定の設定でテクスチャ(PIXI.Texture)を生成して返す。
Name | Type | Description |
---|---|---|
scaleMode |
Number | PIXI.SCALE_MODES |
resolution |
Number | 解像度 |
最初の角か。
指定の値でラインスタイルを設定し、自身を返す。
Name | Type | Default | Description |
---|---|---|---|
width |
Number | 0 | opt. 幅(ピクセル) |
color |
Number | 0 | opt. 色 |
alpha |
Number | 1 | opt. 不透明度 |
alignment |
Number | 0.5 | opt. |
native |
Boolean | false | opt. |
指定の値でラインテクスチャスタイルを設定し、自身を返す。
Name | Type | Default | Description |
---|---|---|---|
width |
Number | 0 | opt. 幅(ピクセル) |
texture |
PIXI.Texture | PIXI.Texture.WHITE | opt. テスクチャ |
color |
Number | 0 | opt. 色 |
alpha |
Number | 1 | opt. 不透明度 |
matrix |
PIXI.Matrix | null | opt. |
alignment |
Number | 0.5 | opt. |
native |
Boolean | false | opt. |
指定座標まで線を引き、自身を返す。
Name | Type | Description |
---|---|---|
x |
Number | x 座標(ピクセル) |
y |
Number | y 座標(ピクセル) |
指定座標まで描画位置を移動し、自身を返す。
Name | Type | Description |
---|---|---|
x |
Number | x 座標(ピクセル) |
y |
Number | y 座標(ピクセル) |
2 次ベジェ曲線を引き、自身を返す。
Name | Type | Description |
---|---|---|
cpX |
Number | コントロールポイント x 座標(ピクセル) |
cpY |
Number | コントロールポイント y 座標(ピクセル) |
toX |
Number | x 座標(ピクセル) |
toY |
Number | y 座標(ピクセル) |
マトリクスを設定し、自身を返す。
Name | Type | Description |
---|---|---|
matrix |
PIXI.Matrix | マトリクス |
多角形の描画を開始。