Skip to content

Latest commit

 

History

History
437 lines (300 loc) · 27 KB

PIXI.Renderer.md

File metadata and controls

437 lines (300 loc) · 27 KB
Raw

Class: PIXI.Renderer

Extends: PIXI.AbstractRenderer

new PIXI.Renderer (options)

レンダリングを行うためのクラス。

PIXI.CanvasRenderer と PIXI.WebGLRenderer

詳細は本家 PIXI のサイト PIXI.Renderer を参照。

関連クラス: WindowLayer

Parameters:

Name Type Description
options Object 詳細は以下の表を参照
options:

全ての値は任意(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 コンテキストから、すべてのパラメーターを取得

Sub Classes

Properties:

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 頂点データ

Inherited From

PIXI.DisplayObject

PIXI.Container

Methods

_calculateBounds ()

Overrides:PIXI.Container.md

_initCurve (x, y)

曲線の初期化。

Parameters:
Name Type Default Description
x Number 0 opt. x 座標(ピクセル)
y Number 0 opt. y 座標(ピクセル)

_render (renderer)

Overrides:_render (renderer)

arc (cx, cy, radius, startAngle, endAngle, anticlockwise) → {PIXI.Graphics}

円弧を描き、自分自身を返す。

Parameters:
Name Type Default Description
cx Number 中心 x 座標(ピクセル)
cy Number 中心 y 座標(ピクセル)
radius Number 半径(ピクセル)
startAngle Number 開始角度
endAngle Number 終点角度
anticlockwise Number false opt. 反時計回りか

arcTo (x1, y1, x2, y2, radius) → {PIXI.Graphics}

角丸を描き、自身を返す。
直前のポイント - 中間点、中間点 - 到達点 と直線を引き、両直線に接するように radius 半径の円弧を描く、という手順で角丸を描く。

Parameters:
Name Type Description
x1 Number 中間点の x 座標(ピクセル)
y1 Number 中間点の y 座標(ピクセル)
x2 Number 到達点の x 座標(ピクセル)
y2 Number 到達点の y 座標(ピクセル)
radius Number 角丸の半径(ピクセル)

beginFill (color, alpha) → {PIXI.Graphics}

塗り潰しを開始し、自身を返す。

Parameters:
Name Type Default Description
color Number 0 opt.
alpha Number 1 opt.

beginHole () → {PIXI.Graphics}

最後に描いたシェイプの内側に穴を開け始め、自身を返す。

beginTextureFill (color, alpha) → {PIXI.Graphics}

テクスチャの塗り潰しを開始し、自身を返す。
第 1 引数の color は代わりに texture も使える。
第 2 引数の alpha は数値でも PIXI.Matrix でも指定可能。

Parameters:
Name Type Default Description
texture PIXI.Texture PIXI.Texture.WHITE opt. 塗り潰しテクスチャ
color Number 0xffffff opt. 塗り潰し色
alpha Number 1 opt. 不透明度
alpha PIXI.Matrix null opt. 不透明度

bezierCurveTo (cpX, cpY, cpX2, cpY2, toX, toY) → {PIXI.Graphics}

3 次ベジェ曲線を引き、自身を返す。

Parameters:
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 座標(ピクセル)

calculateTints ()

枠線を計算。

calculateVertices ()

頂点を計算。

clear () → {PIXI.Graphics}

画像を消去して、自身を返す。

clone () → {PIXI.Graphics}

複製を作って返す。

closePath () → {PIXI.Graphics}

パスを閉じて、自身を返す。

containsPoint (point) → {Boolean}

指定座標が含まれるか。

Parameters:
Name Type Description
point PIXI.Point

destroy (options)

Overrides:PIXI.Container

Parameters:
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 だと子のベーステクスチャを破棄する

drawCircle (x, y, radius) → {PIXI.Graphics}

円を描き、自身を返す。

Parameters:
Name Type Description
x Number 中心の x 座標(ピクセル)
y Number 中心の y 座標(ピクセル)
radius Number 半径(ピクセル)

drawEllipse (x, y, width, height) → {PIXI.Graphics}

楕円を描き、自身を返す。

Parameters:
Name Type Description
x Number 中心の x 座標(ピクセル)
y Number 中心の y 座標(ピクセル)
width Number 幅(ピクセル)
height Number 高さ(ピクセル)

drawPolygon (path) → {PIXI.Graphics}

多角形を描き、自身を返す。

Parameters:
Name Type Description
path Array.<Number> | Array.<PIXI.Point> | Array.<PIXI.Polygon> パス

drawRect (x, y, width, height) → {PIXI.Graphics}

四角形を描き、自身を返す。

Parameters:
Name Type Description
x Number 中心の x 座標(ピクセル)
y Number 中心の y 座標(ピクセル)
width Number 幅(ピクセル)
height Number 高さ(ピクセル)

drawRoundedRect (x, y, width, height, radius) → {PIXI.Graphics}

角丸の四角形を描き、自身を返す。

Parameters:
Name Type Description
x Number 中心の x 座標(ピクセル)
y Number 中心の y 座標(ピクセル)
width Number 幅(ピクセル)
height Number 高さ(ピクセル)
radius Number 半径(ピクセル)

drawShape (shape) → {PIXI.Graphics}

角丸の四角形を描き、自身を返す。

Parameters:
Name Type Description
shape PIXI.Circle | PIXI.Ellipse | PIXI.Polygon | PIXI.Rectangle | PIXI.RoundedRectangle

drawStar (x, y, points, radius, innerRadius, rotation) → {PIXI.Graphics}

星型の図形を描き、自身を返す。

Parameters:
Name Type Default Description
x Number 中心の x 座標(ピクセル)
y Number 中心の y 座標(ピクセル)
points Number 頂点の数
radius Number 半径(ピクセル)
innerRadius Number radius の半分 opt. 内側の半径(ピクセル)
rotation Number 0 opt. 回転角(ラジアン)

endFill () → {PIXI.Graphics}

塗り潰しを終了し、自身を返す。

endHole () → {PIXI.Graphics}

穴あけを終了し、自身を返す。

finishPoly () → {PIXI.Graphics}

多角形を終了し、自身を返す。

generateCanvasTexture (scaleMode, resolution) → {PIXI.Texture}

指定の設定でテクスチャ(PIXI.Texture)を生成して返す。

Parameters:
Name Type Description
scaleMode Number PIXI.SCALE_MODES
resolution Number 解像度

isFastRect () → {Boolean}

最初の角か。

lineStyle (width, color, alpha, alignment, native) → {PIXI.Graphics}

指定の値でラインスタイルを設定し、自身を返す。

Parameters:
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.

lineTextureStyle (width, texture, color, alpha, matrix, alignment, native) → {PIXI.Graphics}

指定の値でラインテクスチャスタイルを設定し、自身を返す。

Parameters:
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.

lineTo (x, y) → {PIXI.Graphics}

指定座標まで線を引き、自身を返す。

Parameters:
Name Type Description
x Number x 座標(ピクセル)
y Number y 座標(ピクセル)

moveTo (x, y) → {PIXI.Graphics}

指定座標まで描画位置を移動し、自身を返す。

Parameters:
Name Type Description
x Number x 座標(ピクセル)
y Number y 座標(ピクセル)

quadraticCurveTo (cpX, cpY, toX, toY) → {PIXI.Graphics}

2 次ベジェ曲線を引き、自身を返す。

Parameters:
Name Type Description
cpX Number コントロールポイント x 座標(ピクセル)
cpY Number コントロールポイント y 座標(ピクセル)
toX Number x 座標(ピクセル)
toY Number y 座標(ピクセル)

setMatrix (matrix) → {PIXI.Graphics}

マトリクスを設定し、自身を返す。

Parameters:
Name Type Description
matrix PIXI.Matrix マトリクス

startPoly ()

多角形の描画を開始。